Fossil SCM

Improved the attachment button's visibility in dark-mode skins.

stephan 2021-10-03 21:19 chat-input-rework
Commit 1390dd986d0106b160171230a5df04067c6ace3f50d395a19ce57e3283c64d5b
2 files changed +3 -1 +6
+3 -1
--- src/chat.c
+++ src/chat.c
@@ -144,11 +144,13 @@
144144
void chat_webpage(void){
145145
char *zAlert;
146146
char *zProjectName;
147147
char * zInputPlaceholder0; /* Common text input placeholder value */
148148
const char *zPaperclip =
149
- "<svg height=\"8.0\" width=\"16.0\"><path d=\"M 15.93452,3.2530441 "
149
+ "<svg height=\"8.0\" width=\"16.0\"><path "
150
+ "stroke=\"rgb(100,100,100)\" "
151
+ "d=\"M 15.93452,3.2530441 "
150152
"A 4.1499493,4.1265346 0 0 0 11.804809,6.5256284e-4 H 2.8582923 A "
151153
"2.8239899,2.8080565 0 0 0 0.68965668,0.96142476 2.874599,2.8583801 "
152154
"0 0 0 0.03119302,3.2388108 2.7632589,2.7476682 0 0 0 "
153155
"0.81132923,4.7689293 3.168132,3.1502569 0 0 0 3.0300653,5.66565 l "
154156
"7.7297897,-4e-7 a 1.6802234,1.6707433 0 0 0 0.0072,-3.3377933 H "
155157
--- src/chat.c
+++ src/chat.c
@@ -144,11 +144,13 @@
144 void chat_webpage(void){
145 char *zAlert;
146 char *zProjectName;
147 char * zInputPlaceholder0; /* Common text input placeholder value */
148 const char *zPaperclip =
149 "<svg height=\"8.0\" width=\"16.0\"><path d=\"M 15.93452,3.2530441 "
 
 
150 "A 4.1499493,4.1265346 0 0 0 11.804809,6.5256284e-4 H 2.8582923 A "
151 "2.8239899,2.8080565 0 0 0 0.68965668,0.96142476 2.874599,2.8583801 "
152 "0 0 0 0.03119302,3.2388108 2.7632589,2.7476682 0 0 0 "
153 "0.81132923,4.7689293 3.168132,3.1502569 0 0 0 3.0300653,5.66565 l "
154 "7.7297897,-4e-7 a 1.6802234,1.6707433 0 0 0 0.0072,-3.3377933 H "
155
--- src/chat.c
+++ src/chat.c
@@ -144,11 +144,13 @@
144 void chat_webpage(void){
145 char *zAlert;
146 char *zProjectName;
147 char * zInputPlaceholder0; /* Common text input placeholder value */
148 const char *zPaperclip =
149 "<svg height=\"8.0\" width=\"16.0\"><path "
150 "stroke=\"rgb(100,100,100)\" "
151 "d=\"M 15.93452,3.2530441 "
152 "A 4.1499493,4.1265346 0 0 0 11.804809,6.5256284e-4 H 2.8582923 A "
153 "2.8239899,2.8080565 0 0 0 0.68965668,0.96142476 2.874599,2.8583801 "
154 "0 0 0 0.03119302,3.2388108 2.7632589,2.7476682 0 0 0 "
155 "0.81132923,4.7689293 3.168132,3.1502569 0 0 0 3.0300653,5.66565 l "
156 "7.7297897,-4e-7 a 1.6802234,1.6707433 0 0 0 0.0072,-3.3377933 H "
157
--- src/style.chat.css
+++ src/style.chat.css
@@ -500,10 +500,16 @@
500500
}
501501
body.chat #chat-user-list .chat-user.selected {
502502
font-weight: bold;
503503
text-decoration: underline;
504504
}
505
+
506
+body.chat.fossil-dark-style #chat-message-attach > svg {
507
+ /* The black paperclip is barely visible in dark-mode
508
+ skins when they have dark buttons */
509
+ filter: invert(0.5);
510
+}
505511
506512
body.chat .anim-rotate-360 {
507513
animation: rotate-360 750ms linear;
508514
}
509515
@keyframes rotate-360 {
510516
--- src/style.chat.css
+++ src/style.chat.css
@@ -500,10 +500,16 @@
500 }
501 body.chat #chat-user-list .chat-user.selected {
502 font-weight: bold;
503 text-decoration: underline;
504 }
 
 
 
 
 
 
505
506 body.chat .anim-rotate-360 {
507 animation: rotate-360 750ms linear;
508 }
509 @keyframes rotate-360 {
510
--- src/style.chat.css
+++ src/style.chat.css
@@ -500,10 +500,16 @@
500 }
501 body.chat #chat-user-list .chat-user.selected {
502 font-weight: bold;
503 text-decoration: underline;
504 }
505
506 body.chat.fossil-dark-style #chat-message-attach > svg {
507 /* The black paperclip is barely visible in dark-mode
508 skins when they have dark buttons */
509 filter: invert(0.5);
510 }
511
512 body.chat .anim-rotate-360 {
513 animation: rotate-360 750ms linear;
514 }
515 @keyframes rotate-360 {
516

Keyboard Shortcuts

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