this repo has no description
New look for inline translation
+13
-7
+13
-7
src/components/translation-block.css
+13
-7
src/components/translation-block.css
···
112
112
/* MINI */
113
113
114
114
.status-translation-block-mini {
115
-
width: fit-content;
116
115
display: flex;
117
116
margin: 8px 0 0;
118
-
padding: 4px 0 0;
119
117
font-size: 90%;
120
-
border-top: 1px dashed var(--outline-stronger-color);
121
118
gap: 8px;
122
-
}
123
-
.status-translation-block-mini .icon {
124
-
color: var(--text-insignificant-color);
125
-
margin-top: 2px;
119
+
--top-padding: 2px;
120
+
--top-border: 1px;
121
+
122
+
.icon {
123
+
color: var(--text-insignificant-color);
124
+
margin-top: calc(var(--top-padding) + var(--top-border) + 2px);
125
+
}
126
+
127
+
output {
128
+
padding: var(--top-padding) 0 0;
129
+
border-top: var(--top-border) dashed var(--outline-stronger-color);
130
+
text-wrap: pretty;
131
+
}
126
132
}