[UI] Fixing note actions placement

This commit is contained in:
rainydaysavings 2020-09-02 22:47:42 +01:00 committed by Hugo Sales
parent 0b3543aaff
commit fee81f8499
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
4 changed files with 14 additions and 11 deletions

View File

@ -277,7 +277,7 @@ input.larger {
color: var(--fg); color: var(--fg);
border-style: solid; border-style: solid;
border-color: var(--accent); border-color: var(--accent);
border-radius: var(--small-size); border-radius: var(--unit-size);
border-width: 2px; border-width: 2px;
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
font-size: var(--small-size); font-size: var(--small-size);
@ -285,6 +285,6 @@ input.larger {
} }
.content button[type=submit]:focus, .content button[type=submit]:focus,
.content [type=submit]:hover { .content [type=submit]:hover {
border-radius: var(--small-size); border-radius: var(--unit-size);
box-shadow: 0 0px 8px var(--accent); box-shadow: 0 0px 8px var(--accent);
} }

View File

@ -141,7 +141,7 @@
.note-actions { .note-actions {
order: 2; order: 2;
width: 50%; width: 50%;
justify-content: right; justify-content: flex-end;
border-radius: 0 var(--unit-size) 0 0; border-radius: 0 var(--unit-size) 0 0;
background-color: var(--bg1); background-color: var(--bg1);
box-sizing: border-box; box-sizing: border-box;
@ -153,12 +153,13 @@
} }
.note-actions a { .note-actions a {
height: var(--main-size); height: var(--main-size);
margin-left: auto; margin-left: var(--unit-size);
} }
.note-actions a svg { .note-actions a svg {
width: var(--main-size); width: var(--main-size);
height: var(--main-size); height: var(--main-size);
fill: var(--fg); filter: invert(91%) sepia(3%) saturate(350%) hue-rotate(162deg) brightness(106%) contrast(92%);
stroke: none;
} }
.replies { .replies {

View File

@ -141,7 +141,7 @@
.note-actions { .note-actions {
order: 2; order: 2;
width: 50%; width: 50%;
justify-content: right; justify-content: flex-end;
border-radius: 0 var(--unit-size) 0 0; border-radius: 0 var(--unit-size) 0 0;
background-color: var(--bg1); background-color: var(--bg1);
box-sizing: border-box; box-sizing: border-box;
@ -153,12 +153,13 @@
} }
.note-actions a { .note-actions a {
height: var(--main-size); height: var(--main-size);
margin-left: auto; margin-left: var(--unit-size);
} }
.note-actions a svg { .note-actions a svg {
width: var(--main-size); width: var(--main-size);
height: var(--main-size); height: var(--main-size);
fill: var(--fg); filter: invert(91%) sepia(3%) saturate(350%) hue-rotate(162deg) brightness(106%) contrast(92%);
stroke: none;
} }
.replies { .replies {

View File

@ -141,7 +141,7 @@
.note-actions { .note-actions {
order: 2; order: 2;
width: 50%; width: 50%;
justify-content: right; justify-content: flex-end;
border-radius: 0 var(--unit-size) 0 0; border-radius: 0 var(--unit-size) 0 0;
background-color: var(--bg1); background-color: var(--bg1);
box-sizing: border-box; box-sizing: border-box;
@ -153,12 +153,13 @@
} }
.note-actions a { .note-actions a {
height: var(--main-size); height: var(--main-size);
margin-left: auto; margin-left: var(--unit-size);
} }
.note-actions a svg { .note-actions a svg {
width: var(--main-size); width: var(--main-size);
height: var(--main-size); height: var(--main-size);
fill: var(--fg); filter: invert(91%) sepia(3%) saturate(350%) hue-rotate(162deg) brightness(106%) contrast(92%);
stroke: none;
} }
.replies { .replies {