forked from friendica/themes-community
fix better visibility on likers list
This commit is contained in:
parent
4d32a22bb1
commit
d096fb4899
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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
|
||||
*/
|
||||
|
|
Loading…
Reference in a new issue