mirror of
https://codeberg.org/claui/mobile-config-firefox.git
synced 2024-11-10 03:40:14 +00:00
Don't scroll category list with long code-block
This commit is contained in:
parent
3f47e98a75
commit
daea4cb084
1 changed files with 4 additions and 2 deletions
|
@ -1,5 +1,6 @@
|
||||||
body{background-color: rgb(60,50,70); color: silver; margin: 0px }
|
body{background-color: rgb(60,50,70); color: silver; margin: 0px }
|
||||||
#ui{ display: flex; }
|
#ui{ display: flex; }
|
||||||
|
#site{ height: 100vh; overflow-y: auto; flex: 1 }
|
||||||
|
|
||||||
.categoryList{
|
.categoryList{
|
||||||
padding-block: 1em;
|
padding-block: 1em;
|
||||||
|
@ -34,7 +35,7 @@ a:visited{ color: rgb(150,100,200) }
|
||||||
a:hover{ color: rgb(200,150,100) }
|
a:hover{ color: rgb(200,150,100) }
|
||||||
pre:empty{ display: none }
|
pre:empty{ display: none }
|
||||||
.category{ padding: 0.2em 1em; cursor: pointer; text-transform: capitalize }
|
.category{ padding: 0.2em 1em; cursor: pointer; text-transform: capitalize }
|
||||||
#categories > .category[data-value]::after{ content: " (" attr(data-value) ")"}
|
#categories > .category[data-value]::after{ content: " (" attr(data-value) ")"; float: right}
|
||||||
|
|
||||||
.currentCategory,
|
.currentCategory,
|
||||||
.category:hover{ background-color: grey }
|
.category:hover{ background-color: grey }
|
||||||
|
@ -48,7 +49,7 @@ pre:empty{ display: none }
|
||||||
border: 1px solid rgb(40,40,40);
|
border: 1px solid rgb(40,40,40);
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
max-width: 50ch;
|
max-width: 50ch;
|
||||||
cursor: default
|
cursor: pointer
|
||||||
}
|
}
|
||||||
.target > a{
|
.target > a{
|
||||||
content: "";
|
content: "";
|
||||||
|
@ -59,6 +60,7 @@ pre:empty{ display: none }
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
}
|
}
|
||||||
.target:hover{ background-color: rgb(80,80,90) }
|
.target:hover{ background-color: rgb(80,80,90) }
|
||||||
|
.target > a:hover{ filter: drop-shadow(0 0 3px fuchsia) }
|
||||||
/*#targets{ display: grid; grid-template-columns: 1fr 1fr 1fr }*/
|
/*#targets{ display: grid; grid-template-columns: 1fr 1fr 1fr }*/
|
||||||
#targets{
|
#targets{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Reference in a new issue