albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added comments to news items

Browse source
This commit is contained in:
mrfry 2021-03-04 21:31:32 +01:00
parent 64697efc96
commit 71911063b0
9 changed files with 357 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

80
src/components/comments.module.css Normal file
View file

@ -0,0 +1,80 @@
.comment {
margin-left: 25px;
padding: 8px 0px;
}
.commentData {
padding: 5px 2px;
border-left: 1px solid var(--text-color);
background-color: #222;
}
.commentHeader {
display: flex;
justify-content: space-between;
}
.commentHeader > div {
font-weight: bold;
margin: 2px;
}
.userContainer {
display: flex;
flex-direction: row;
}
.userContainer > div {
padding: 0px 3px;
}
.commentText {
margin: 2px;
padding: 10px 5px;
}
.ownComment {
border-left: 1px solid yellow;
}
.showHide {
cursor: pointer;
}
.hidden {
display: none;
}
.actionsContainer {
display: flex;
align-items: center;
}
.button {
margin: 2px 2px;
padding: 0px 10px;
border: 1px solid #444;
border-radius: 6px;
cursor: pointer;
}
.button:hover {
background-color: #444;
}
.commentArea {
color: var(--text-color);
background-color: var(--background-color);
font-size: 16px;
box-sizing: border-box;
height: 120px;
width: 100%;
}
.commentAreaContainer {
margin: 0px 8px 3px 8px;
}
.commentAreaContainer > div {
margin: 5px 0px;
}