test #47
@ -26,7 +26,8 @@
|
|||||||
v-for="fc in sidebarContent"
|
v-for="fc in sidebarContent"
|
||||||
:key="fc.id"
|
:key="fc.id"
|
||||||
:data-value="fc.id"
|
:data-value="fc.id"
|
||||||
class="factory-list__item">
|
class="factory-list__item"
|
||||||
|
:class="{ 'is-current': fc.id == currentFactory?.id }">
|
||||||
{{ fc.label }}
|
{{ fc.label }}
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -463,7 +464,6 @@ export default {
|
|||||||
left: 90px;
|
left: 90px;
|
||||||
/* max-width: 128px; */
|
/* max-width: 128px; */
|
||||||
height: auto;
|
height: auto;
|
||||||
padding: 8px;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
/* transition: all 0.3s ease-out; */
|
/* transition: all 0.3s ease-out; */
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
@ -481,22 +481,31 @@ li {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.factory-list {
|
.factory-list {
|
||||||
padding: 1px;
|
|
||||||
color: #0008;
|
color: #0008;
|
||||||
max-height: 240px;
|
max-height: 240px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.factory-list__item {
|
.factory-list__item {
|
||||||
border-radius: 4px;
|
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
padding: 8px 32px 8px 8px;
|
padding: 8px 64px 8px 16px;
|
||||||
min-width: 64px;
|
/* min-width: 64px; */
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.factory-list__item:hover {
|
.factory-list__item:hover,
|
||||||
background: #ccc6;
|
.factory-list__item.is-current {
|
||||||
color: #000e;
|
background: #e3efff;
|
||||||
|
color: #0b58ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.factory-list__item.is-current::after {
|
||||||
|
content: "√";
|
||||||
|
position: absolute;
|
||||||
|
top: 8px;
|
||||||
|
right: 16px;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user