aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorr <r@freesoftwareextremist.com>2021-05-30 07:03:29 +0000
committerr <r@freesoftwareextremist.com>2021-05-30 07:03:29 +0000
commit44d4b0d379ddfe004bff710c5c3cb44692500ad4 (patch)
tree779400e08c63cdfe911f7ff93651d167f87f3224
parent7c7ab09d5126b1e63ae728013459ea4ccd3269fd (diff)
downloadbloat-44d4b0d379ddfe004bff710c5c3cb44692500ad4.tar.gz
bloat-44d4b0d379ddfe004bff710c5c3cb44692500ad4.zip
Fix css box and emoji list style
-rw-r--r--static/style.css15
-rw-r--r--templates/emoji.tmpl2
2 files changed, 13 insertions, 4 deletions
diff --git a/static/style.css b/static/style.css
index 50b6fa2..4e1ddce 100644
--- a/static/style.css
+++ b/static/style.css
@@ -159,12 +159,20 @@ body {
margin-left: 4px;
}
-.post-content {
+textarea {
padding: 4px;
font-size: 11pt;
font-family: initial;
+}
+
+.post-content {
+ box-sizing: border-box;
width: 100%;
+}
+
+#css {
box-sizing: border-box;
+ max-width: 100%;
}
.pagination {
@@ -351,9 +359,10 @@ a:hover,
}
.emoji-item-container {
- min-width: 220px;
+ width: 220px;
display: inline-block;
margin: 4px 0;
+ overflow: hidden;
}
.emoji-item {
@@ -576,7 +585,7 @@ kbd {
color: #81a2be;
}
-.dark #post-content {
+.dark textarea {
background-color: #333333;
border: 1px solid #444444;
color: #eaeaea;
diff --git a/templates/emoji.tmpl b/templates/emoji.tmpl
index 551d6f6..ee84522 100644
--- a/templates/emoji.tmpl
+++ b/templates/emoji.tmpl
@@ -7,7 +7,7 @@
<div class="emoji-item-container">
<div class="emoji-item">
<img class="emoji" src="{{.URL}}" alt="{{.ShortCode}}" height="32" />
- <span class="emoji-shortcode">:{{.ShortCode}}:</span>
+ <span title=":{{.ShortCode}}:" class="emoji-shortcode">:{{.ShortCode}}:</span>
</div>
</div>
{{end}}