yagich/porom
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add markup to topics list view

Browse Source
This commit is contained in:
Lera Elvoé
2025-05-22 01:46:08 +03:00
parent 9b42d05174
commit 1cb9262ad7
5 changed files with 115 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
sass/style.scss
View File

@ -35,6 +35,10 @@ $button_color: color.adjust($accent_color, $hue: 90);
&:active {
background-color: color.scale($color, $lightness: -10%, $saturation: -70%);
}
&:disabled {
background-color: color.scale($color, $lightness: 30%, $saturation: -90%);
}
}
@mixin navbar($color) {
@ -338,3 +342,27 @@ input[type="text"], input[type="password"], textarea, select {
text-overflow: ellipsis;
display: inline;
}
.topic {
display: grid;
grid-template-columns: 1.5fr 64px;
grid-template-rows: 1fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
"topic-info-container topic-locked-container";
}
.topic-info-container {
grid-area: topic-info-container;
background-color: $accent_color;
padding: 5px 20px;
border: 1px solid black;
display: flex;
flex-direction: column;
}
.topic-locked-container {
grid-area: topic-locked-container;
border: 2px outset $light;
}