diff options
| author | r <r@freesoftwareextremist.com> | 2021-05-30 07:03:29 +0000 |
|---|---|---|
| committer | r <r@freesoftwareextremist.com> | 2021-05-30 07:03:29 +0000 |
| commit | 44d4b0d379ddfe004bff710c5c3cb44692500ad4 (patch) | |
| tree | 779400e08c63cdfe911f7ff93651d167f87f3224 | |
| parent | 7c7ab09d5126b1e63ae728013459ea4ccd3269fd (diff) | |
| download | bloat-44d4b0d379ddfe004bff710c5c3cb44692500ad4.tar.gz bloat-44d4b0d379ddfe004bff710c5c3cb44692500ad4.zip | |
Fix css box and emoji list style
| -rw-r--r-- | static/style.css | 15 | ||||
| -rw-r--r-- | templates/emoji.tmpl | 2 |
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}} |