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;
}
#options > div {
max-width: 60%;
}
#options.embed > div {
max-width: 100%;
}
@@ -596,14 +592,8 @@ svg {
}
/* Handle smaller screensizes */
@media only screen and (max-width: 1600px){
#options {
padding-right: 8%;
}
}
@media only screen and (max-height: 770px), only screen and (max-width: 1200px) {
/* Top bar navigation for smaller screens */
@media only screen and (max-height: 650px), only screen and (max-width: 1200px) {
#options-container {
flex-direction: column;
}
@@ -623,6 +613,10 @@ svg {
padding: 0 50px;
}
#options > div {
max-width: 70%;
}
.tab-heading {
width: unset;
min-width: unset;
@@ -667,14 +661,11 @@ svg {
.sticky #title, .sticky #createdBy {
display: none;
}
}
}
@media only screen and (max-width: 800px) {
@media only screen and (max-width: 800px) {
#options {
padding: 0 15px;
justify-content: left;
}
#options > div {
max-width: 100%;
}
}
}