indymedia
/
epicyon
mirror of https://gitlab.com/bashrc2/epicyon
7
4
Fork 1
Code Issues 14 Releases Wiki Activity

Positioning of likes count

merge-requests/8/head
Bob Mottram 2020-09-05 13:06:52 +01:00
parent 69393c2d7d
commit 2686fcdd1d
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
epicyon-profile.css
View File

@ -26,7 +26,8 @@
--font-size3: 38px; --font-size3: 38px;
--font-size4: 22px; --font-size4: 22px;
--font-size5: 20px; --font-size5: 20px;
--font-size-likes: 16px; --font-size-likes: 20px;
--font-size-likes-mobile: 32px;
--font-size-pgp-key: 16px; --font-size-pgp-key: 16px;
--font-size-pgp-key2: 8px; --font-size-pgp-key2: 8px;
--font-size-tox: 16px; --font-size-tox: 16px;
@ -139,12 +140,6 @@ a:focus {
float: right; float: right;
} }
.likesCount {
font-size: var(--font-size-likes);
font-family: Arial, Helvetica, sans-serif;
float: right;
}
.about { .about {
font-size: var(--font-size5); font-size: var(--font-size5);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
@ -887,6 +882,14 @@ aside .toggle-inside li {
} }
@media screen and (min-width: 400px) { @media screen and (min-width: 400px) {
.likesCount {
font-size: var(--font-size-likes-mobile);
font-family: Arial, Helvetica, sans-serif;
float: right;
padding: 32px 0;
transform: translateX(-20px);
font-weight: bold;
}
.container p.administeredby { .container p.administeredby {
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
@ -1328,6 +1331,14 @@ aside .toggle-inside li {
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
.likesCount {
font-size: var(--font-size-likes);
font-family: Arial, Helvetica, sans-serif;
float: right;
padding: 10px 0;
transform: translateX(-20px);
font-weight: bold;
}
.container p.administeredby { .container p.administeredby {
font-size: var(--font-size-tox2); font-size: var(--font-size-tox2);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;