New look for inline translation
This commit is contained in:
parent
b565083495
commit
d605f4caca
1 changed files with 13 additions and 7 deletions
|
@ -112,15 +112,21 @@
|
||||||
/* MINI */
|
/* MINI */
|
||||||
|
|
||||||
.status-translation-block-mini {
|
.status-translation-block-mini {
|
||||||
width: fit-content;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
margin: 8px 0 0;
|
margin: 8px 0 0;
|
||||||
padding: 4px 0 0;
|
|
||||||
font-size: 90%;
|
font-size: 90%;
|
||||||
border-top: 1px dashed var(--outline-stronger-color);
|
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
}
|
--top-padding: 2px;
|
||||||
.status-translation-block-mini .icon {
|
--top-border: 1px;
|
||||||
color: var(--text-insignificant-color);
|
|
||||||
margin-top: 2px;
|
.icon {
|
||||||
|
color: var(--text-insignificant-color);
|
||||||
|
margin-top: calc(var(--top-padding) + var(--top-border) + 2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
output {
|
||||||
|
padding: var(--top-padding) 0 0;
|
||||||
|
border-top: var(--top-border) dashed var(--outline-stronger-color);
|
||||||
|
text-wrap: pretty;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue