Fix css box and emoji list style

This commit is contained in:
r 2021-05-30 07:03:29 +00:00
parent 7c7ab09d51
commit 44d4b0d379
2 changed files with 14 additions and 5 deletions

View File

@ -159,12 +159,20 @@ body {
margin-left: 4px; margin-left: 4px;
} }
.post-content { textarea {
padding: 4px; padding: 4px;
font-size: 11pt; font-size: 11pt;
font-family: initial; font-family: initial;
width: 100%; }
.post-content {
box-sizing: border-box; box-sizing: border-box;
width: 100%;
}
#css {
box-sizing: border-box;
max-width: 100%;
} }
.pagination { .pagination {
@ -351,9 +359,10 @@ a:hover,
} }
.emoji-item-container { .emoji-item-container {
min-width: 220px; width: 220px;
display: inline-block; display: inline-block;
margin: 4px 0; margin: 4px 0;
overflow: hidden;
} }
.emoji-item { .emoji-item {
@ -576,7 +585,7 @@ kbd {
color: #81a2be; color: #81a2be;
} }
.dark #post-content { .dark textarea {
background-color: #333333; background-color: #333333;
border: 1px solid #444444; border: 1px solid #444444;
color: #eaeaea; color: #eaeaea;

View File

@ -7,7 +7,7 @@
<div class="emoji-item-container"> <div class="emoji-item-container">
<div class="emoji-item"> <div class="emoji-item">
<img class="emoji" src="{{.URL}}" alt="{{.ShortCode}}" height="32" /> <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>
</div> </div>
{{end}} {{end}}