26b75e77b3
* use Proxy for `db` * don't merge arrays in deepMerge by default * extract sync and cache from styleMan
104 lines
2.1 KiB
CSS
104 lines
2.1 KiB
CSS
.injection-order > div {
|
|
height: 100%;
|
|
max-width: 80vw;
|
|
}
|
|
.injection-order #incremental-search {
|
|
transform: scaleY(.55);
|
|
transform-origin: top;
|
|
}
|
|
.injection-order #message-box-contents,
|
|
.injection-order section {
|
|
padding: 0;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.injection-order section[data-main] {
|
|
flex: 1 0;
|
|
}
|
|
.injection-order header {
|
|
padding: 1rem;
|
|
width: 0;
|
|
min-width: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
.injection-order ol {
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
overflow-y: auto;
|
|
}
|
|
.injection-order ol:empty {
|
|
display: none;
|
|
}
|
|
.injection-order [data-prio] header {
|
|
background-color: hsla(40, 80%, 50%, 0.4);
|
|
}
|
|
.injection-order [data-prio] {
|
|
height: min-content;
|
|
min-height: 2em;
|
|
max-height: 50%;
|
|
}
|
|
.injection-order-entry {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
position: relative; /* for incremental-search */
|
|
padding: 1px 1px 1px 1rem; /* keyboard focus outline */
|
|
color: #000;
|
|
transition: transform .25s ease-in-out;
|
|
z-index: 1;
|
|
user-select: none;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
cursor: move;
|
|
}
|
|
.injection-order-entry a[href] {
|
|
padding: .4em 0;
|
|
cursor: inherit;
|
|
}
|
|
.injection-order-entry.enabled a[href] {
|
|
font-weight: bold;
|
|
}
|
|
.injection-order-entry a {
|
|
text-decoration: none;
|
|
}
|
|
.injection-order-entry a[href]:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.injection-order-toggle {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 .5rem;
|
|
cursor: pointer;
|
|
opacity: .5;
|
|
transition: .15s;
|
|
}
|
|
.injection-order-toggle::after {
|
|
content: '\2606';
|
|
font-size: 20px;
|
|
line-height: 1;
|
|
transition: .15s;
|
|
}
|
|
.injection-order-entry:hover .injection-order-toggle {
|
|
opacity: 1;
|
|
}
|
|
[data-prio] .injection-order-toggle::after {
|
|
content: '\2605';
|
|
}
|
|
.injection-order-toggle:hover::after {
|
|
color: hsl(30, 80%, 50%);
|
|
}
|
|
.injection-order [data-prio] header,
|
|
.injection-order ol,
|
|
.injection-order #message-box-buttons,
|
|
.injection-order-entry:nth-child(n + 2) {
|
|
border-top: 1px solid rgba(128, 128, 128, .25);
|
|
}
|
|
.injection-order .draggable-list-target {
|
|
position: relative;
|
|
background: lightcyan;
|
|
transition: none;
|
|
z-index: 100;
|
|
}
|