deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-06-28 02:00:11 +02:00
Code Issues Projects Releases Wiki Activity

Fix up time width with AM/PM

Browse source
This commit is contained in:
Pavel Djundik 2020-02-29 11:51:12 +02:00
parent 3630ab8519
commit 234938ed4b
2 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/components/Chat.vue
View file

@ -5,7 +5,8 @@
:class="{ :class="{
'hide-motd': !$store.state.settings.motd, 'hide-motd': !$store.state.settings.motd,
'colored-nicks': $store.state.settings.coloredNicks, 'colored-nicks': $store.state.settings.coloredNicks,
'show-seconds': $store.state.settings.showSeconds, 'time-seconds': $store.state.settings.showSeconds,
'time-12h': $store.state.settings.use12hClock,
}" }"
> >
<div <div

13
client/css/style.css
View file

@ -1309,12 +1309,18 @@ textarea.input {
padding-left: 10px; padding-left: 10px;
width: 55px; width: 55px;
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
box-sizing: content-box; /* highlights have a border-left */
} }
#chat.show-seconds .time { #chat.time-12h .time,
#chat.time-seconds .time {
width: 75px; width: 75px;
} }
#chat.time-seconds.time-12h .time {
width: 90px;
}
#chat .from { #chat .from {
padding-right: 10px; padding-right: 10px;
text-align: right; text-align: right;
@ -1500,14 +1506,9 @@ textarea.input {
#chat .chat-view[data-type="channel"] .msg.highlight .time { #chat .chat-view[data-type="channel"] .msg.highlight .time {
padding-left: 5px; padding-left: 5px;
width: 50px;
color: #696969; color: #696969;
} }
#chat.show-seconds .chat-view[data-type="channel"] .msg.highlight .time {
width: 70px;
}
#chat .chat-view[data-type="channel"] .msg.highlight .content { #chat .chat-view[data-type="channel"] .msg.highlight .content {
border-left: 1px solid var(--highlight-bg-color); border-left: 1px solid var(--highlight-bg-color);
} }