Mirror/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2026-01-31 06:41:01 +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

29
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;
@@ -667,14 +661,11 @@ svg {
.sticky #title, .sticky #createdBy { .sticky #title, .sticky #createdBy {
display: none; display: none;
} }
} }
@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%;
}
}