Tweak some CSS

- Add variables --sticky-bg and --sticky-border to StickyContainer
- Tweak base.css
This commit is contained in:
Matthias M 2021-11-17 19:31:02 +01:00
parent 515f86eb15
commit 2696719d29
3 changed files with 7 additions and 6 deletions

View file

@ -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

View file

@ -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;

View file

@ -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>