panels: fixed them

This commit is contained in:
muerwre 2018-12-07 14:32:35 +07:00
parent d248b679ed
commit b8ba50517b
13 changed files with 171 additions and 182 deletions

View file

@ -153,7 +153,7 @@
background: #222222;
}
#control-dialog {
.control-dialog {
background: rgba(30, 30, 30, 0.95);
position: absolute;
right: 10px;
@ -164,6 +164,15 @@
box-sizing: border-box;
// padding-bottom: 48px;
box-shadow: inset rgba(255, 255, 255, 0.05) 1px 1px;
&.top {
bottom: auto;
top: 52px;
}
}
.control-dialog-provider {
width: 500px;
}
.helper {
@ -284,7 +293,6 @@
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-column-gap: 10px;
grid-row-gap: 10px;
padding-bottom: 0;
.provider-helper-thumb {
height: 100px;
@ -351,6 +359,15 @@
justify-content: center;
box-shadow: @bar_shadow;
span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
text-transform: uppercase;
font-size: 0.9em;
}
&.square {
width: 32px;
}
@ -360,11 +377,8 @@
}
&.top-control {
width: 120px;
width: 150px;
justify-content: flex-start;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
svg {