Mirror/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2026-01-31 14:51:13 +03:00
Code Issues Packages Projects Releases Wiki Activity

Fix width with left bar options and make it appear more often

Browse Source
This commit is contained in:
Ajay
2022-01-29 23:33:30 -05:00
parent 1115ffd8cf
commit 88f61cf292
1 changed files with 10 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
public/options/options.css
View File

@@ -322,10 +322,6 @@ input[type='number'] {
transition: padding 0.3s; transition: padding 0.3s;
} }
#options > div {
max-width: 60%;
}
#options.embed > div { #options.embed > div {
max-width: 100%; max-width: 100%;
} }
@@ -596,14 +592,8 @@ svg {
} }
/* Handle smaller screensizes */ /* Top bar navigation for smaller screens */
@media only screen and (max-width: 1600px){ @media only screen and (max-height: 650px), only screen and (max-width: 1200px) {
#options {
padding-right: 8%;
}
}
@media only screen and (max-height: 770px), only screen and (max-width: 1200px) {
#options-container { #options-container {
flex-direction: column; flex-direction: column;
} }
@@ -623,6 +613,10 @@ svg {
padding: 0 50px; padding: 0 50px;
} }
#options > div {
max-width: 70%;
}
.tab-heading { .tab-heading {
width: unset; width: unset;
min-width: unset; min-width: unset;
@@ -672,9 +666,6 @@ svg {
@media only screen and (max-width: 800px) { @media only screen and (max-width: 800px) {
#options { #options {
padding: 0 15px; padding: 0 15px;
} justify-content: left;
#options > div {
max-width: 100%;
} }
} }