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

image

Browse Source
This commit is contained in:
Bruno Charest 2026-01-13 19:12:31 -05:00
parent f51094980d
commit 3a15d7134e
1 changed files with 37 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -878,6 +878,7 @@ input:checked+.theme-slider:before {
padding: 3.5rem 1.25rem 1.25rem; padding: 3.5rem 1.25rem 1.25rem;
transition: all 0.2s ease; transition: all 0.2s ease;
position: relative; position: relative;
overflow: hidden;
} }
/* Link card hover states - same for both public and private */ /* Link card hover states - same for both public and private */
@ -945,13 +946,25 @@ input:checked+.theme-slider:before {
/* Link thumbnail */ /* Link thumbnail */
.link-thumbnail { .link-thumbnail {
position: absolute;
top: 0;
left: 0;
width: 100%; width: 100%;
height: 160px; height: 60%;
background: var(--border-light); margin: 0;
border-radius: 0.5rem; background: transparent;
margin-bottom: 1rem; border-radius: 0;
overflow: hidden; border: none;
mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
z-index: 0;
pointer-events: none;
filter: brightness(0.6);
}
.link-content {
position: relative; position: relative;
z-index: 2;
} }
.link-thumbnail img { .link-thumbnail img {
@ -1162,6 +1175,8 @@ input:checked+.theme-slider:before {
/* ===== List View Specific ===== */ /* ===== List View Specific ===== */
.view-list .link-outer { .view-list .link-outer {
position: relative;
overflow: hidden;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
gap: 1rem; gap: 1rem;
@ -1192,21 +1207,31 @@ input:checked+.theme-slider:before {
transform: none; transform: none;
background: var(--bg-card); background: var(--bg-card);
border: 1px solid var(--border); border: 1px solid var(--border);
z-index: 10;
} }
.view-list .link-thumbnail { .view-list .link-thumbnail {
width: 100px; position: absolute;
height: 75px; top: 0;
flex-shrink: 0; left: 0;
margin-bottom: 0; bottom: 0;
border-radius: 0.5rem; width: 300px;
overflow: hidden; height: 100%;
border: 1px solid var(--border-light); margin: 0;
border-radius: 0;
border: none;
background: transparent;
mask-image: linear-gradient(to right, black 20%, transparent 100%);
-webkit-mask-image: linear-gradient(to right, black 20%, transparent 100%);
z-index: 0;
pointer-events: none;
} }
.view-list .link-content { .view-list .link-content {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
position: relative;
z-index: 2;
} }
.view-list .link-header { .view-list .link-header {