mirror/seedit
1
0
Fork 0
mirror of https://github.com/plebbit/seedit.git synced 2026-05-24 16:50:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(feed post): add expandos for posts text content and related buttons

Browse Source
This commit is contained in:
plebeius.eth
2023-10-12 16:40:35 +02:00
parent 43f047aa8b
commit 86331eb99a
12 changed files with 94 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/components/feed-post/feed-post.module.css
View File

@@ -13,7 +13,7 @@
}
.arrowUp {
background-image: url("/public/assets/upvote.png");
background-image: url("/public/assets/buttons/upvote.png");
margin: 2px 0px 0px 0px;
width: 15px;
height: 14px;
@@ -22,7 +22,7 @@
}
.arrowDown {
background-image: url("/public/assets/downvote.png");
background-image: url("/public/assets/buttons/downvote.png");
margin: 2px 0px 0px 0px;
width: 15px;
height: 14px;
@@ -124,4 +124,77 @@
cursor: pointer;
}
}
}
.textButton {
background-image: url("/public/assets/buttons/text-button.png");
background-size: cover;
float: left;
height: 23px;
width: 23px;
display: block;
margin: 2px 5px 2px 0;
cursor: pointer;
}
.textButton:hover {
background-image: url("/public/assets/buttons/text-button-hover.png");
}
.playButton {
background-image: url("/public/assets/buttons/play-button.png");
background-size: cover;
float: left;
height: 23px;
width: 23px;
display: block;
margin: 2px 5px 2px 0;
cursor: pointer;
}
.playButton:hover {
background-image: url("/public/assets/buttons/play-button-hover.png");
}
.closeButton {
background-image: url("/public/assets/buttons/close-button.png");
background-size: cover;
float: left;
height: 23px;
width: 23px;
display: block;
margin: 2px 5px 2px 0;
cursor: pointer;
}
.closeButton:hover {
background-image: url("/public/assets/buttons/close-button-hover.png");
}
.expandoHidden {
display: none;
}
.expando {
display: block;
margin: 5px 0 5px 0;
clear: left;
position: relative;
}
.usertext {
unicode-bidi: isolate;
font-size: small;
}
.markdown {
background-color: #fafafa;
border: 1px solid var(--text1);
border-radius: 7px;
padding: 5px 10px;
font-weight: 400;
color: #222222;
max-width: 60em;
word-wrap: break-word;
font-size: 1em;
}