Projets/Shaarli_bm_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: masquer badge lecture ultérieure en vue compacte (display none avec thumbnail/description), supprimer styles spécifiques compact badge (positionnement top 50% transform -50%, icône bookmark SVG 26×26px rouge, shadow), et cleanup règles mobile redondantes positionnement/transform badge readlater, tout en conservant styles bouton toggle actif avec background #ef4444 blanc + shadow (dark mode #f87171 #1b0b0b)

Browse Source
This commit is contained in:
Bruno Charest 2026-04-22 12:24:57 -04:00
parent 06526cbac4
commit 801e406710
1 changed files with 14 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
shaarli-pro/css/style.css
View File

@ -1622,9 +1622,17 @@ body.view-notes .paging {
color: inherit; color: inherit;
} }
.link-actions .readitlater-toggle-btn.active { .link-actions .readitlater-toggle-btn.active,
color: #dc2626; .link-actions .readitlater-toggle-btn.active:hover {
background: rgba(220, 38, 38, 0.08); background: #ef4444;
color: #fff;
box-shadow: 0 2px 6px rgba(239, 68, 68, 0.35);
}
[data-theme="dark"] .link-actions .readitlater-toggle-btn.active,
[data-theme="dark"] .link-actions .readitlater-toggle-btn.active:hover {
background: #f87171;
color: #1b0b0b;
} }
.link-actions .readitlater-toggle-btn.is-loading { .link-actions .readitlater-toggle-btn.is-loading {
@ -4275,7 +4283,8 @@ table {
} }
.view-compact .link-thumbnail, .view-compact .link-thumbnail,
.view-compact .link-description { .view-compact .link-description,
.view-compact .link-readlater-badge {
display: none !important; display: none !important;
} }
@ -4383,28 +4392,6 @@ table {
font-size: 1rem; font-size: 1rem;
} }
.view-compact .link-readlater-badge {
top: 50%;
right: calc(0.65rem + 26px + 0.4rem);
left: auto;
transform: translateY(-50%);
width: 26px;
height: 26px;
padding: 0;
color: transparent;
font-size: 0;
border-radius: 0.45rem;
background: #ef4444 url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path d="m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z"/></svg>') no-repeat center;
box-shadow: 0 2px 4px rgba(239, 68, 68, 0.35);
display: inline-flex;
align-items: center;
justify-content: center;
}
[data-theme="dark"] .view-compact .link-readlater-badge {
background-color: #f87171;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.view-compact .compact-table-head { .view-compact .compact-table-head {
display: none; display: none;
@ -4447,8 +4434,7 @@ table {
} }
.view-compact .link-select-checkbox, .view-compact .link-select-checkbox,
.view-compact .link-visibility-badge, .view-compact .link-visibility-badge {
.view-compact .link-readlater-badge {
top: 0.7rem; top: 0.7rem;
transform: none; transform: none;
} }
@ -4458,11 +4444,6 @@ table {
right: 0.7rem; right: 0.7rem;
} }
.view-compact .link-readlater-badge {
left: auto;
right: calc(0.7rem + 26px + 0.4rem);
}
.view-compact .link-select-checkbox { .view-compact .link-select-checkbox {
right: auto; right: auto;
left: 0.7rem; left: 0.7rem;