fix better visibility on likers list

This commit is contained in:
Jakobus Schürz 2023-03-22 16:45:50 +01:00
parent 39df3c62a8
commit dbf32573d1
2 changed files with 97 additions and 95 deletions

View file

@ -9,11 +9,11 @@
*/ */
:root { :root {
--main-border-radius: 10px; --main-border-radius: 10px;
--second-border-radius: 7px; --second-border-radius: 7px;
--third-border-radius: 4px; --third-border-radius: 4px;
--active_btn_color: #cc9f0d; // Gelb --active_btn_color: #cc9f0d; // Gelb
--inactive_btn_color: #000055; // Gelb --inactive_btn_color: #000055; // Gelb
} }
/* Radius arount boxes */ /* Radius arount boxes */
@ -29,59 +29,59 @@ div[class*=" thread_level"],
.panel-default, .panel-default,
.panel_body, .panel_body,
.panel { .panel {
border-bottom-left-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-bottom-right-radius: var(--main-border-radius) !important;
border-top-right-radius: var(--main-border-radius) !important; border-top-right-radius: var(--main-border-radius) !important;
} }
.btn, .btn,
.label { .label {
border-radius: var(--second-border-radius) !important; border-radius: var(--second-border-radius) !important;
} }
i .btn-link { i .btn-link {
color: #fff !important; color: #fff !important;
} }
/*
button .btn-link { button .btn-link {
color: #000 !important; color: #000 !important;
} }
*/
#contact-edit-actions-button, #contact-edit-actions-button,
#contact-edit-actions-button.active { #contact-edit-actions-button.active {
background-color: $nav_bg; background-color: $nav_bg;
color: #fff !important; color: #fff !important;
} }
@media (hover: hover) { @media (hover: hover) {
#main-menu, #main-menu,
#nav-notifications-menu-btn, #nav-notifications-menu-btn,
button:hover { button:hover {
//color: #fff !important; //color: #fff !important;
filter: brightness(1); filter: brightness(1);
} }
button:active { button:active {
filter: brightness(1); filter: brightness(1);
color: var(--active_btn_color) !important; color: var(--active_btn_color) !important;
} }
} }
@media (hover: none) { @media (hover: none) {
#main-menu, #main-menu,
#nav-notifications-menu-btn, #nav-notifications-menu-btn,
button:hover{ button:hover{
//color: #fff !important; filter: brightness(1);
filter: brightness(1); }
} button:active {
button:active { filter: brightness(1);
filter: brightness(1); color: var(--active_btn_color) !important;
color: var(--active_btn_color) !important; }
}
} }
#contact-edit-actions-button { #contact-edit-actions-button {
//color: #fff; filter: none !important;
filter: none !important;
} }
audio, canvas, progress, video, img { audio, canvas, progress, video, img {
@ -89,86 +89,88 @@ audio, canvas, progress, video, img {
} }
.wall-item-actions { .wall-item-actions {
background-color: #b7b7b75c; background-color: #b7b7b75c;
padding: 3px; padding: 3px;
padding-left: 6px; padding-left: 6px;
padding-right: 6px; padding-right: 6px;
border-radius: var(--third-border-radius) !important; border-radius: var(--third-border-radius) !important;
} }
/* Thread-Lines left on comments /* Thread-Lines left on comments
.wall-item-container { .wall-item-container {
border-top: 1px solid; border-top: 1px solid;
border-top-color: $nav_bg; border-top-color: $nav_bg;
border-image: linear-gradient(to right, $nav_bg, transparent) 30; border-image: linear-gradient(to right, $nav_bg, transparent) 30;
} }
*/ */
/*.tread-wrapper,*/ /*.tread-wrapper,*/
div[class^="thread_level"], div[class^="thread_level"],
div[class*=" thread_level"] { div[class*=" thread_level"] {
border-left: 1px solid; border-left: 1px solid;
margin-left: 2px; margin-left: 2px;
border-left-color: $nav_bg; border-left-color: $nav_bg;
} }
.media, .media,
{ {
border-left: 1px solid; border-left: 1px solid;
} }
.wall-item-container { .wall-item-container {
margin-left: 3px !important; margin-left: 3px !important;
} }
@media screen and (max-width: 767px) { @media screen and (max-width: 767px) {
button[id^=like-] { margin-right: 5px !important;} button[id^=like-] {
.button, margin-right: 5px !important;
.btn { }
padding: 1px; .button,
padding-inline: 22px; .btn {
margin-top: 5px; padding: 1px;
margin-bottom: 5px; padding-inline: 22px;
background-color: $nav_bg; margin-top: 5px;
filter: brightness(1.25); margin-bottom: 5px;
} // background-color: $nav_bg;
.wall-item-container { // filter: brightness(1.25);
margin-top: 10px; }
} .wall-item-container {
.contact-info-comment { margin-top: 10px;
display: contents !important; }
} .contact-info-comment {
.fakelink, display: contents !important;
.media-heading, }
.wall-item-name-link { .fakelink,
word-wrap: anywhere !important; .media-heading,
} .wall-item-name-link {
.dropdown-toggle.active, word-wrap: anywhere !important;
.button-likes.active, }
.button-announces.active { .dropdown-toggle.active,
color: var(--active_btn_color) !important; .button-likes.active,
} .button-announces.active {
.dropdown-toggle, color: var(--active_btn_color) !important;
.button-likes, }
.button-announces { .dropdown-toggle,
color: #000; .button-likes,
} .button-announces {
.dropdown-menu { color: #000;
max-width: 40vh; }
} .dropdown-menu {
/* Thread-Lines left on comments */ max-width: 40vh;
div[class^="thread_level"], }
div[class*=" thread_level"] { /* Thread-Lines left on comments */
border-left: 1px solid; div[class^="thread_level"],
margin-left: 2px; div[class*=" thread_level"] {
border-left-color: $nav_bg; border-left: 1px solid;
} margin-left: 2px;
.media, border-left-color: $nav_bg;
{ }
border-left: 1px solid; .media,
} {
.wall-item-container { border-left: 1px solid;
margin-left: 3px solid !important; }
} .wall-item-container {
margin-left: 3px solid !important;
}
} }

View file

@ -2,7 +2,7 @@
/* /*
* Name: Light * Name: Light
* Licence: AGPL * Licence: AGPL
* Author: Hypolite Petovan <hypolite@friendica.mrpetovan.com> * Author: Jakob Schürz <jakob@schuerz.at>
* Overwrites: nav_bg, nav_icon_color, link_color, background_color, background_image, login_bg_color, contentbg_transp * Overwrites: nav_bg, nav_icon_color, link_color, background_color, background_image, login_bg_color, contentbg_transp
* Accented: yes * Accented: yes
*/ */