Fossil SCM

/chat: shrunk compact mode toolbar just a tick. Replaced non-portable on-hover button effect with something portable.

stephan 2021-10-04 19:13 trunk
Commit 7755c6482b257bea97f3321788c3ca86b4340956a30791a2a0118593a59b8411
1 file changed +2 -2
--- src/style.chat.css
+++ src/style.chat.css
@@ -277,19 +277,19 @@
277277
align-items: center;
278278
cursor: pointer;
279279
font-size: 150%;
280280
}
281281
body.chat #chat-buttons-wrapper > .cbutton:hover {
282
- backdrop-filter: contrast(0.5);
282
+ background-color: rgba(200,200,200,0.3);
283283
}
284284
body.chat #chat-input-line.compact #chat-buttons-wrapper > .cbutton {
285285
margin: 2px 0.125em 0 0.125em;
286286
min-width: 8ex;
287287
max-width: 8ex;
288288
min-height: 2.3ex;
289289
max-height: 2.3ex;
290
- font-size: 130%;
290
+ font-size: 120%;
291291
}
292292
body.chat #chat-input-line.compact #chat-buttons-wrapper #chat-button-submit {
293293
min-width: 16ex;
294294
}
295295
body.chat #chat-input-line:not(.compact) #chat-input-field {
296296
--- src/style.chat.css
+++ src/style.chat.css
@@ -277,19 +277,19 @@
277 align-items: center;
278 cursor: pointer;
279 font-size: 150%;
280 }
281 body.chat #chat-buttons-wrapper > .cbutton:hover {
282 backdrop-filter: contrast(0.5);
283 }
284 body.chat #chat-input-line.compact #chat-buttons-wrapper > .cbutton {
285 margin: 2px 0.125em 0 0.125em;
286 min-width: 8ex;
287 max-width: 8ex;
288 min-height: 2.3ex;
289 max-height: 2.3ex;
290 font-size: 130%;
291 }
292 body.chat #chat-input-line.compact #chat-buttons-wrapper #chat-button-submit {
293 min-width: 16ex;
294 }
295 body.chat #chat-input-line:not(.compact) #chat-input-field {
296
--- src/style.chat.css
+++ src/style.chat.css
@@ -277,19 +277,19 @@
277 align-items: center;
278 cursor: pointer;
279 font-size: 150%;
280 }
281 body.chat #chat-buttons-wrapper > .cbutton:hover {
282 background-color: rgba(200,200,200,0.3);
283 }
284 body.chat #chat-input-line.compact #chat-buttons-wrapper > .cbutton {
285 margin: 2px 0.125em 0 0.125em;
286 min-width: 8ex;
287 max-width: 8ex;
288 min-height: 2.3ex;
289 max-height: 2.3ex;
290 font-size: 120%;
291 }
292 body.chat #chat-input-line.compact #chat-buttons-wrapper #chat-button-submit {
293 min-width: 16ex;
294 }
295 body.chat #chat-input-line:not(.compact) #chat-input-field {
296

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button