mirror of
https://github.com/betaflight/betaflight-configurator.git
synced 2025-07-24 16:55:24 +03:00
Fixed collapsed sidebar (#4356)
* Fixed collapsed sidebar * Fix icons in sidebar & scrollbar
This commit is contained in:
parent
8dc2897a13
commit
70513bc8f5
1 changed files with 18 additions and 17 deletions
|
@ -655,7 +655,16 @@ input[type="number"] {
|
|||
padding: 1rem;
|
||||
padding-right: 0.5rem;
|
||||
background-color: var(--surface-100);
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0.3rem;
|
||||
height: 2em;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background: var(--surface-600);
|
||||
}
|
||||
}
|
||||
|
||||
#content {
|
||||
transition: all 0.2s;
|
||||
overflow-x: hidden;
|
||||
|
@ -760,8 +769,8 @@ each(@tabIcons, {
|
|||
.ic_@{key} {
|
||||
&::before {
|
||||
content: " ";
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
min-width: 1rem;
|
||||
min-height: 1rem;
|
||||
mask: @value no-repeat center center;
|
||||
-webkit-mask: @value no-repeat center center;
|
||||
background-color: var(--surface-700);
|
||||
|
@ -1834,13 +1843,13 @@ each(range(12), {
|
|||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-device-height: 750px) {
|
||||
@media (max-height: 750px) {
|
||||
.tab_container {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 1055px) {
|
||||
@media (max-width: 1055px) {
|
||||
#tabs {
|
||||
li {
|
||||
a {
|
||||
|
@ -1917,26 +1926,18 @@ each(range(12), {
|
|||
}
|
||||
}
|
||||
}
|
||||
@media only screen and (max-device-width: 1055px) {
|
||||
@media (max-width: 1055px) {
|
||||
#tabs {
|
||||
li {
|
||||
a {
|
||||
font-weight: normal;
|
||||
font-size: 12px;
|
||||
padding-left: 60px;
|
||||
padding-top: 6px;
|
||||
padding-bottom: 2px;
|
||||
content: "";
|
||||
transition: none;
|
||||
text-overflow: clip;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
::before {
|
||||
padding-left: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.tab_container {
|
||||
width: 42px;
|
||||
}
|
||||
#content {
|
||||
width: calc(100% - 42px);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue