From 9e48b616cec18503cbcb0d7deb524a7541225890 Mon Sep 17 00:00:00 2001 From: "me@ow.nekobit.net" Date: Wed, 2 Mar 2022 04:04:24 +0000 Subject: [PATCH] Styling tweaks for portability FossilOrigin-Name: b56ceac96d578eef0fcfa71d5518d9b66c179428f90ded08bf3b23977db1a7ce --- dist/ratfe20.css | 36 ++++++++---- src/account.c | 2 +- static/account.html | 6 +- static/attachment_image.html | 2 +- static/emoji_reaction.html | 5 +- static/emoji_reactions.html | 4 +- static/index.html | 2 +- static/status.html | 109 +++++++++++++++++++---------------- 8 files changed, 95 insertions(+), 71 deletions(-) diff --git a/dist/ratfe20.css b/dist/ratfe20.css index 23aeb30..f0fb865 100644 --- a/dist/ratfe20.css +++ b/dist/ratfe20.css @@ -66,7 +66,7 @@ body #main { width: 640px; - max-width: 640px; + max-width: 640px !important; min-width: 640px; overflow: hidden; min-height: 600px; @@ -166,9 +166,9 @@ ul li:first-child a.sidebarbtn **************************/ .status { - display: flex; - margin: 7px; + padding: 4px 2px 0 4px; border-bottom: 1px solid #cacaca !important; + width: 100%; } .status .profile-picture @@ -184,20 +184,32 @@ ul li:first-child a.sidebarbtn margin-bottom: 5px; } +.pfp-td +{ + width: 56px; +} + +.status tr +{ + width: auto; +} + .status .status-info { - flex: 1; display: flex; margin: 0 5px 0px; min-width: 0; flex-direction: column; + width: auto; } .status .instance-info { font-style: italic; text-decoration: none; - margin: 0 3px; + margin: 0 4px; + font-size: 14px; + padding-top: 1px; } .status .poster-stats @@ -344,19 +356,18 @@ ul li:first-child a.sidebarbtn background-repeat: no-repeat; background-size: cover; height: 256px; - align-items: end; } .acct-pfp { position: relative; - z-index: 1; + z-index: 100; border: 3px solid #cacaca; background-color: #fff; border-radius: 8px; width: 100px; height: 100px; - top: 38px; + top: -8px; left: 150px; margin-top: -108px; margin-left: -108px; @@ -368,6 +379,7 @@ ul li:first-child a.sidebarbtn .acct-header { display: flex; + z-index: 1; padding-left: 160px; background: linear-gradient(#fff, #f1f1f1); border-bottom: 1px solid #cacaca; @@ -378,7 +390,7 @@ ul li:first-child a.sidebarbtn { position: relative; left: 160px; - top: -10px; + top: 200px; font-weight: bold; text-shadow: 0px 2px 6px #000; } @@ -537,12 +549,16 @@ ul li:first-child a.sidebarbtn /* Emoji reacts */ .emoji-reactions { - display: flex; + display: block; + padding: 0; margin-top: 8px; + margin-bottom: 6px; } .emoji-react-box { + display: inline-block; + list-style-type: none; padding: 3px 7px; margin: 0 4px; } diff --git a/src/account.c b/src/account.c index aded806..d361ad6 100644 --- a/src/account.c +++ b/src/account.c @@ -49,13 +49,13 @@ char* construct_account_page(struct mstdnt_account* acct, acct->header, acct->display_name, acct->acct, - acct->avatar, "Statuses", acct->statuses_count, "Following", acct->following_count, "Followers", acct->followers_count, + acct->avatar, statuses_html); if (result_size == -1) diff --git a/static/account.html b/static/account.html index c212f1f..387a927 100644 --- a/static/account.html +++ b/static/account.html @@ -6,9 +6,6 @@ -
-
-
%s @@ -25,6 +22,9 @@ %d
+ + +
diff --git a/static/attachment_image.html b/static/attachment_image.html index a664a8c..7539a50 100644 --- a/static/attachment_image.html +++ b/static/attachment_image.html @@ -1 +1 @@ - + diff --git a/static/emoji_reaction.html b/static/emoji_reaction.html index 5159a4c..2c8a687 100644 --- a/static/emoji_reaction.html +++ b/static/emoji_reaction.html @@ -1,4 +1,3 @@ - -
+
  • %s %u -
  • + diff --git a/static/emoji_reactions.html b/static/emoji_reactions.html index 0036321..36947ed 100644 --- a/static/emoji_reactions.html +++ b/static/emoji_reactions.html @@ -1,3 +1,3 @@ -
    +
      %s -
    + diff --git a/static/index.html b/static/index.html index d971def..c2a11ac 100644 --- a/static/index.html +++ b/static/index.html @@ -17,7 +17,7 @@
    + -->
    diff --git a/static/status.html b/static/status.html index fb85240..a68422c 100644 --- a/static/status.html +++ b/static/status.html @@ -1,50 +1,59 @@ -
    -
    -
    -
    -
    - %s - %s - - %s - -
    - - %s - - %s - %s -
    -
      -
    • -
      - -
      -
    • -
    • -
      - - -
      -
    • -
    • -
      - - -
      -
    • -
    • -
      - -
      -
    • -
    • - View -
    • -
    • - Emoji -
    • -
    -
    -
    -
    + + + + + +
    + + + + + + +
    +
    + %s + %s + + %s + +
    + + %s + + %s + %s +
    +
      +
    • +
      + +
      +
    • +
    • +
      + + +
      +
    • +
    • +
      + + +
      +
    • +
    • +
      + +
      +
    • +
    • + View +
    • +
    • + Emoji +
    • +
    +
    +
    +