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

add topic/thread list view

Browse Source
This commit is contained in:
Lera Elvoé
2025-05-21 17:34:24 +03:00
parent 8e7b167bc2
commit f5ba312032
5 changed files with 228 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
sass/style.scss
View File

@ -86,6 +86,8 @@ body {
.thread-title {
margin: 0;
font-size: 1.5rem;
font-weight: bold;
}
.post {
@ -187,6 +189,7 @@ body {
}
button, input[type="submit"], .linkbutton {
display: inline-block;
@include button($button_color);
&.critical {
@ -205,6 +208,10 @@ input[type="file"]::file-selector-button {
margin: 10px 10px;
}
p {
margin: 15px 0;
}
.pagebutton {
@include button($button_color);
padding: 5px 5px;
@ -277,3 +284,52 @@ input[type="text"], input[type="password"] {
min-width: 60px;
padding-right: 15px;
}
.thread {
display: grid;
grid-template-columns: 96px 1.6fr 96px;
grid-template-rows: 1fr;
gap: 0px 0px;
grid-auto-flow: row;
min-height: 96px;
grid-template-areas:
"thread-sticky-container thread-info-container thread-locked-container";
}
.thread-sticky-container {
grid-area: thread-sticky-container;
border: 2px outset $light;
}
.thread-locked-container {
grid-area: thread-locked-container;
border: 2px outset $light;
}
.contain-svg {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.contain-svg > svg {
height: 50%;
width: 50%;
}
.thread-info-container {
grid-area: thread-info-container;
background-color: $accent_color;
padding: 5px 20px;
border-top: 1px solid black;
border-bottom: 1px solid black;
display: flex;
flex-direction: column;
}
.thread-info-post-preview {
overflow: hidden;
text-overflow: ellipsis;
display: inline;
}