mirror of
https://github.com/ankitects/anki.git
synced 2025-09-21 07:22:23 -04:00
Tweak some CSS
- Add variables --sticky-bg and --sticky-border to StickyContainer - Tweak base.css
This commit is contained in:
parent
515f86eb15
commit
2696719d29
3 changed files with 7 additions and 6 deletions
|
@ -17,8 +17,6 @@
|
|||
body {
|
||||
width: min(100vw, 35em);
|
||||
margin: 0 auto;
|
||||
// leave some space for rounded screens
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
html {
|
||||
|
@ -26,8 +24,8 @@ html {
|
|||
}
|
||||
|
||||
#main {
|
||||
padding: 0.5em;
|
||||
padding-top: 0;
|
||||
padding: 0 1em 1em 1em;
|
||||
height: calc(100vh - 1em);
|
||||
}
|
||||
|
||||
// override the default down arrow colour in <select> elements
|
||||
|
|
|
@ -52,6 +52,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|||
@use "sass/button-mixins" as button;
|
||||
|
||||
button {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
padding: 0 calc(var(--buttons-size) / 3);
|
||||
font-size: var(--base-font-size);
|
||||
width: auto;
|
||||
|
|
|
@ -30,9 +30,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|||
right: 0;
|
||||
z-index: 10;
|
||||
|
||||
background: var(--window-bg);
|
||||
background: var(--sticky-bg, var(--window-bg));
|
||||
border-style: solid;
|
||||
border-color: var(--medium-border);
|
||||
border-color: var(--sticky-border, var(--medium-border));
|
||||
border-width: var(--sticky-borders, 0);
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in a new issue