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 */
|
||||
|
||||
.status-translation-block-mini {
|
||||
width: fit-content;
|
||||
display: flex;
|
||||
margin: 8px 0 0;
|
||||
padding: 4px 0 0;
|
||||
font-size: 90%;
|
||||
border-top: 1px dashed var(--outline-stronger-color);
|
||||
gap: 8px;
|
||||
}
|
||||
.status-translation-block-mini .icon {
|
||||
color: var(--text-insignificant-color);
|
||||
margin-top: 2px;
|
||||
--top-padding: 2px;
|
||||
--top-border: 1px;
|
||||
|
||||
.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