balki/no-js-hugo-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added padding to header labels

Browse Source
This commit is contained in:
Steven Engler 2024-03-29 19:15:13 -04:00
parent 3dc3adae26
commit 115c5fa213
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
static/css/styles.css
View File

@ -311,25 +311,25 @@ blockquote {
}
.header-right {
/* want the images to have padding to make them easier to click, but we still want them aligned correctly */
--label-padding: 0.3em;
position: absolute;
top: 0;
right: 0;
top: calc(-1 * var(--label-padding));
right: calc(-1 * var(--label-padding));
display: flex;
}
.header-right * {
margin-left: 1em;
}
.header-right *:first-child {
margin-left: 0;
.header-right > * {
margin-left: 0.4em;
}
.clickable-header-label {
cursor: pointer;
padding: var(--label-padding);
}
.clickable-header-label * {
.clickable-header-label img {
height: 1em;
width: auto; /* to override the <img width="__"> attribute when css is supported */
}
@ -503,6 +503,7 @@ body {
}
.header-right {
top: 0;
height: 100%;
align-items: center;
}