[frio] New design for mobile responses

This commit is contained in:
Damian Wajer 2023-01-18 13:32:57 +01:00
parent fc25a3ce5f
commit 33d0505ce3

View file

@ -1972,14 +1972,17 @@ code > .hl-main {
margin: 0; margin: 0;
justify-content: space-between; justify-content: space-between;
} }
.wall-item-actions .btn,
.wall-item-actions a, .wall-item-actions a,
.wall-item-actions button { .wall-item-actions button {
font-size: 13px; font-size: 13px;
color: $font_color_darker; color: $font_color_darker;
background-color: transparent;
} }
.wall-item-actions .active { .wall-item-actions .active {
font-weight: bold; font-weight: bold;
color: $link_color; color: $link_color;
box-shadow: none;
} }
.wall-item-actions-left { .wall-item-actions-left {
display: table-cell; display: table-cell;
@ -1989,11 +1992,23 @@ code > .hl-main {
display: flex; display: flex;
} }
.wall-item-actions .checkbox { .wall-item-actions .checkbox {
margin: 0; margin: 0 0 0 15px;
margin-left: 20px; }
@media screen and (max-width: 767px) {
.wall-item-actions .btn,
.wall-item-actions a,
.wall-item-actions button {
padding-right: 12px;
padding-left: 12px;
}
.wall-item-actions .checkbox {
margin-top: 8px;
}
.wall-item-actions .like-rotator {
padding-top: 8px;
}
} }
.wall-item-actions button:hover { .wall-item-actions button:hover {
color: $font_color_darker;
text-decoration: underline; text-decoration: underline;
} }
.wall-item-actions .separator { .wall-item-actions .separator {