Skip to content
Snippets Groups Projects

improve tag dialog

Merged Adrien Dorsaz requested to merge improve-tag-dialog into main
Files
2
+ 25
24
@@ -56,14 +56,17 @@
}
@font-face {
font-family: "Noto Color Emoji";
src: local("Noto Color Emoji"), local("Apple Color Emoji"),
local("Android Emoji");
font-family: "Noto Emoji";
font-weight: normal;
src:
local("Noto Emoji"),
url("/fonts/NotoEmoji-Regular.ttf") format("ttf");
}
body {
text-align: justify;
font-family: Cantarell, sans-serif;
font-family: Cantarell, "Noto Color Emoji", "Apple Color Emoji",
"Android Emoji", "Noto Emoji", sans-serif;
margin: 2rem auto;
display: grid;
max-width: 100vw;
@@ -181,7 +184,8 @@ noscript .article-metadata {
}
.tag {
font-family: "Fira Code", monospace;
font-family: "Fira Code", "Noto Color Emoji", "Apple Color Emoji",
"Android Emoji", "Noto Emoji", monospace;
min-width: 3rem;
font-size: 0.7rem;
text-align: center;
@@ -210,7 +214,8 @@ pre {
code {
font-size: 0.8rem;
font-family: "Fira Code", monospace;
font-family: "Fira Code", "Noto Color Emoji", "Apple Color Emoji",
"Android Emoji", "Noto Emoji", monospace;
background-color: hsl(var(--code-text-color-hsl) / 100%);
padding-block: 0.1rem;
padding-inline: 0.4rem;
@@ -322,15 +327,24 @@ button,
cursor: pointer;
}
button {
border-radius: 0.8rem;
}
dialog > header button {
height: 1.4rem;
width: 1.4rem;
padding: 0;
margin: 0;
font-size: 0.8rem;
border: none;
}
button:hover,
.button:hover {
background: no-repeat 0.8em 0.2em hsl(var(--accent-color-hsl) / 20%);
}
button {
border-radius: 0.8rem;
}
.icon-atom-feed,
.icon-close {
font-size: 0.8em;
@@ -352,10 +366,6 @@ button {
justify-content: space-between;
}
.emoji {
font-family: "Noto Color Emoji", emoji;
}
dialog {
position: absolute;
top: 10vh;
@@ -394,14 +404,5 @@ dialog > header h1 {
width: 100%;
font-size: 1.2rem;
text-align: center;
margin-block: 0px;
}
dialog > header button {
height: 1.4rem;
width: 1.4rem;
padding: 0;
margin: 0;
font-size: 0.8rem;
border: none;
margin-block: 0;
}
Loading