oss/wallabag
oss/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2025-08-01 17:38:38 +00:00
Code Wiki Activity

Mass action tag layout updated

Browse source
This commit is contained in:
Simounet 2023-05-22 21:12:29 +02:00
parent f9143c4255
commit 81f58df7b8
No known key found for this signature in database
GPG key ID: 77D3B7DC794EB770
5 changed files with 52 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

52
app/Resources/static/themes/material/css/entries.scss
View file

@ -13,22 +13,23 @@
}
}
.mass-buttons {
.mass-action {
margin: 10px 5px 10px 20px;
}
span {
padding: 3px;
}
.mass-action-group {
display: flex;
padding: 3px;
gap: 10px;
}
button {
i {
font-size: 15px;
}
.mass-action-button {
height: 24px;
line-height: 24px;
padding: 0 0.5rem;
height: 24px;
line-height: 24px;
padding: 0 0.5rem;
margin-right: 0.75rem;
i {
font-size: 1rem;
}
}
@ -43,7 +44,7 @@
}
.entries .entry-checkbox-input,
.mass-buttons .entry-checkbox-input {
.mass-action .entry-checkbox-input {
position: relative;
left: 0;
width: 20px;
@ -53,12 +54,23 @@
opacity: initial;
}
.mass-action-inputs-displayed:not(:checked) ~ .mass-buttons,
.mass-action-inputs-displayed:not(:checked) ~ .entries .entry-checkbox,
.mass-action-inputs-displayed:checked ~ .entries .card-preview {
.toggle-checkbox:not(:checked) + .mass-action,
.toggle-checkbox:not(:checked) + .mass-action-tags,
.toggle-checkbox:not(:checked) ~ .entries .entry-checkbox,
.toggle-checkbox:checked ~ .entries .card-preview {
display: none;
}
.mass-action-tags {
display: flex;
align-items: center;
gap: 10px;
.mass-action-tags-input {
margin: 0;
}
}
.entries {
list-style: none;
}
@ -158,3 +170,11 @@ footer {
margin-bottom: 10px;
}
}
@media screen and (min-width: 993px) {
.mass-action {
display: flex;
align-items: center;
gap: 30px;
}
}