From 9bc026f34300b887aa72e66cd2f5b708690fcfd5 Mon Sep 17 00:00:00 2001 From: Simounet Date: Wed, 27 Sep 2023 19:25:16 +0200 Subject: [PATCH] Fix #6971 - Full clickable card on mass action --- .../static/themes/material/css/entries.scss | 22 +++++++++++-------- .../views/Entry/Card/_mass_checkbox.html.twig | 4 ++-- .../views/Entry/_card_preview.html.twig | 2 +- web/wallassets/material.css | 2 +- web/wallassets/material.css.map | 2 +- 5 files changed, 18 insertions(+), 14 deletions(-) diff --git a/app/Resources/static/themes/material/css/entries.scss b/app/Resources/static/themes/material/css/entries.scss index b79a201da..0db39d7c0 100644 --- a/app/Resources/static/themes/material/css/entries.scss +++ b/app/Resources/static/themes/material/css/entries.scss @@ -38,25 +38,29 @@ border-radius: 2px 0 0 2px; } -.entry-checkbox { +.card-stacked .entry-checkbox { margin: 10px 15px 10px 5px; +} - .card & { - float: right; - margin-right: 0; - padding: 10px; - } +.card .entry-checkbox { + position: absolute; + display: flex; + padding: 10px; + inset: 0; + justify-content: flex-end; + align-items: start; + background-color: rgb(0 172 193 / 20%); + cursor: pointer; + z-index: 10; } .entries .entry-checkbox-input, .mass-action .entry-checkbox-input { position: relative; - left: 0; width: 20px; min-height: 25px; - height: 100%; - vertical-align: middle; opacity: initial; + cursor: pointer; z-index: 10; } diff --git a/src/Wallabag/CoreBundle/Resources/views/Entry/Card/_mass_checkbox.html.twig b/src/Wallabag/CoreBundle/Resources/views/Entry/Card/_mass_checkbox.html.twig index 503be8ae2..5e4fe8f6d 100644 --- a/src/Wallabag/CoreBundle/Resources/views/Entry/Card/_mass_checkbox.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/Entry/Card/_mass_checkbox.html.twig @@ -1,3 +1,3 @@ -
+
+ diff --git a/src/Wallabag/CoreBundle/Resources/views/Entry/_card_preview.html.twig b/src/Wallabag/CoreBundle/Resources/views/Entry/_card_preview.html.twig index 82fde9c9b..5fba482fc 100644 --- a/src/Wallabag/CoreBundle/Resources/views/Entry/_card_preview.html.twig +++ b/src/Wallabag/CoreBundle/Resources/views/Entry/_card_preview.html.twig @@ -1,7 +1,7 @@
+ {% include "@WallabagCore/Entry/Card/_mass_checkbox.html.twig" with {'entry': entry} only %}
- {% include "@WallabagCore/Entry/Card/_mass_checkbox.html.twig" with {'entry': entry} only %}