fix better visibility on likers list

This commit is contained in:
Jakobus Schürz 2023-03-22 16:45:50 +01:00 committed by Jakobus Schürz
parent 4d32a22bb1
commit d096fb4899
2 changed files with 97 additions and 95 deletions

View file

@ -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;
}
}

View file

@ -2,7 +2,7 @@
/*
* Name: Light
* 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
* Accented: yes
*/