[frio] New design for mobile responses
This commit is contained in:
parent
fc25a3ce5f
commit
33d0505ce3
1 changed files with 18 additions and 3 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue