this repo has no description
Higher contrast for inline translations
+6
-8
+6
-8
src/components/translation-block.css
+6
-8
src/components/translation-block.css
···
55
55
var(--bg-faded-blur-color)
56
56
);
57
57
white-space: pre-wrap;
58
-
box-shadow: inset 0 0 0 1px var(--bg-color),
58
+
box-shadow:
59
+
inset 0 0 0 1px var(--bg-color),
59
60
0 1px 5px -2px var(--drop-shadow-color);
60
61
text-shadow: 0 1px var(--bg-color);
61
62
}
···
111
112
/* MINI */
112
113
113
114
.status-translation-block-mini {
115
+
width: fit-content;
114
116
display: flex;
115
117
margin: 8px 0 0;
116
-
padding: 8px 0 0;
118
+
padding: 4px 0 0;
117
119
font-size: 90%;
118
-
border-top: var(--hairline-width) solid var(--outline-color);
119
-
color: var(--text-insignificant-color);
120
+
border-top: 1px dashed var(--outline-stronger-color);
120
121
gap: 8px;
121
-
transition: color 0.3s ease-in-out;
122
122
}
123
123
.status-translation-block-mini .icon {
124
+
color: var(--text-insignificant-color);
124
125
margin-top: 2px;
125
126
}
126
-
.status:is(:hover, :active) .status-translation-block-mini {
127
-
color: var(--text-color);
128
-
}