From dbf32573d1243840fe9ae265cd65c504c3207be0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jakobus=20Sch=C3=BCrz?= Date: Wed, 22 Mar 2023 16:45:50 +0100 Subject: [PATCH] fix better visibility on likers list --- frio-with-threadview/threadview.css | 190 ++++++++++++++-------------- frio-with-threadview/threadview.php | 2 +- 2 files changed, 97 insertions(+), 95 deletions(-) diff --git a/frio-with-threadview/threadview.css b/frio-with-threadview/threadview.css index 3b43bbe..a3d28c7 100644 --- a/frio-with-threadview/threadview.css +++ b/frio-with-threadview/threadview.css @@ -9,11 +9,11 @@ */ :root { - --main-border-radius: 10px; - --second-border-radius: 7px; - --third-border-radius: 4px; - --active_btn_color: #cc9f0d; // Gelb - --inactive_btn_color: #000055; // Gelb + --main-border-radius: 10px; + --second-border-radius: 7px; + --third-border-radius: 4px; + --active_btn_color: #cc9f0d; // Gelb + --inactive_btn_color: #000055; // Gelb } /* Radius arount boxes */ @@ -29,59 +29,59 @@ div[class*=" thread_level"], .panel-default, .panel_body, .panel { - border-bottom-left-radius: var(--main-border-radius) !important; - border-bottom-right-radius: var(--main-border-radius) !important; - border-top-right-radius: var(--main-border-radius) !important; + border-bottom-left-radius: var(--main-border-radius) !important; + border-bottom-right-radius: var(--main-border-radius) !important; + border-top-right-radius: var(--main-border-radius) !important; } .btn, .label { - border-radius: var(--second-border-radius) !important; + border-radius: var(--second-border-radius) !important; } i .btn-link { - color: #fff !important; + color: #fff !important; } +/* button .btn-link { - color: #000 !important; + color: #000 !important; } +*/ #contact-edit-actions-button, #contact-edit-actions-button.active { - background-color: $nav_bg; - color: #fff !important; + background-color: $nav_bg; + color: #fff !important; } @media (hover: hover) { - #main-menu, - #nav-notifications-menu-btn, - button:hover { - //color: #fff !important; - filter: brightness(1); - } - button:active { - filter: brightness(1); + #main-menu, + #nav-notifications-menu-btn, + button:hover { + //color: #fff !important; + filter: brightness(1); + } + button:active { + filter: brightness(1); color: var(--active_btn_color) !important; } } @media (hover: none) { - #main-menu, - #nav-notifications-menu-btn, - button:hover{ - //color: #fff !important; - filter: brightness(1); - } - button:active { - filter: brightness(1); - color: var(--active_btn_color) !important; - } + #main-menu, + #nav-notifications-menu-btn, + button:hover{ + filter: brightness(1); + } + button:active { + filter: brightness(1); + color: var(--active_btn_color) !important; + } } #contact-edit-actions-button { - //color: #fff; - filter: none !important; + filter: none !important; } audio, canvas, progress, video, img { @@ -89,86 +89,88 @@ audio, canvas, progress, video, img { } .wall-item-actions { - background-color: #b7b7b75c; - padding: 3px; - padding-left: 6px; - padding-right: 6px; - border-radius: var(--third-border-radius) !important; + background-color: #b7b7b75c; + padding: 3px; + padding-left: 6px; + padding-right: 6px; + border-radius: var(--third-border-radius) !important; } /* Thread-Lines left on comments .wall-item-container { - border-top: 1px solid; - border-top-color: $nav_bg; - border-image: linear-gradient(to right, $nav_bg, transparent) 30; + border-top: 1px solid; + border-top-color: $nav_bg; + border-image: linear-gradient(to right, $nav_bg, transparent) 30; } */ /*.tread-wrapper,*/ div[class^="thread_level"], div[class*=" thread_level"] { - border-left: 1px solid; - margin-left: 2px; - border-left-color: $nav_bg; + border-left: 1px solid; + margin-left: 2px; + border-left-color: $nav_bg; } .media, { - border-left: 1px solid; + border-left: 1px solid; } .wall-item-container { - margin-left: 3px !important; + margin-left: 3px !important; } @media screen and (max-width: 767px) { - button[id^=like-] { margin-right: 5px !important;} - .button, - .btn { - padding: 1px; - padding-inline: 22px; - margin-top: 5px; - margin-bottom: 5px; - background-color: $nav_bg; - filter: brightness(1.25); - } - .wall-item-container { - margin-top: 10px; - } - .contact-info-comment { - display: contents !important; - } - .fakelink, - .media-heading, - .wall-item-name-link { - word-wrap: anywhere !important; - } - .dropdown-toggle.active, - .button-likes.active, - .button-announces.active { - color: var(--active_btn_color) !important; - } - .dropdown-toggle, - .button-likes, - .button-announces { - color: #000; - } - .dropdown-menu { - max-width: 40vh; - } - /* Thread-Lines left on comments */ - div[class^="thread_level"], - div[class*=" thread_level"] { - border-left: 1px solid; - margin-left: 2px; - border-left-color: $nav_bg; - } - .media, - { - border-left: 1px solid; - } - .wall-item-container { - margin-left: 3px solid !important; - } + button[id^=like-] { + margin-right: 5px !important; + } + .button, + .btn { + padding: 1px; + padding-inline: 22px; + margin-top: 5px; + margin-bottom: 5px; +// background-color: $nav_bg; +// filter: brightness(1.25); + } + .wall-item-container { + margin-top: 10px; + } + .contact-info-comment { + display: contents !important; + } + .fakelink, + .media-heading, + .wall-item-name-link { + word-wrap: anywhere !important; + } + .dropdown-toggle.active, + .button-likes.active, + .button-announces.active { + color: var(--active_btn_color) !important; + } + .dropdown-toggle, + .button-likes, + .button-announces { + color: #000; + } + .dropdown-menu { + max-width: 40vh; + } + /* Thread-Lines left on comments */ + div[class^="thread_level"], + div[class*=" thread_level"] { + border-left: 1px solid; + margin-left: 2px; + border-left-color: $nav_bg; + } + .media, + { + border-left: 1px solid; + } + .wall-item-container { + margin-left: 3px solid !important; + } } diff --git a/frio-with-threadview/threadview.php b/frio-with-threadview/threadview.php index c93abc7..7daff18 100644 --- a/frio-with-threadview/threadview.php +++ b/frio-with-threadview/threadview.php @@ -2,7 +2,7 @@ /* * Name: Light * Licence: AGPL - * Author: Hypolite Petovan + * Author: Jakob Schürz * Overwrites: nav_bg, nav_icon_color, link_color, background_color, background_image, login_bg_color, contentbg_transp * Accented: yes */