sonny/newsreader
1
0
Fork 0
Code Issues 13 Pull requests 2 Projects Releases 58 Packages Wiki Activity Actions

Use line-through to indicate read status

Browse source
This commit is contained in:
Sonny Bakker 2024-10-07 20:57:08 +02:00
parent ccde406193
commit fa491120a0
3 changed files with 2 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/newsreader/scss/components/post/_post.scss
View file

@ -85,7 +85,7 @@
font-size: map-deep-get($post, "header-font-size"); font-size: map-deep-get($post, "header-font-size");
&--read { &--read {
color: var(--read-color); text-decoration: line-through;
} }
} }
@ -196,10 +196,6 @@
background-color: var(--confirm-color); background-color: var(--confirm-color);
color: $white; color: $white;
width: 100px; width: 100px;
&--saved {
color: var(--read-color);
}
} }
} }
} }

2
src/newsreader/scss/components/posts/_posts.scss
View file

@ -63,7 +63,7 @@
font-size: map-deep-get($post, header-font-size); font-size: map-deep-get($post, header-font-size);
&--read { &--read {
color: var(--read-color); text-decoration: line-through;
} }
&:hover { &:hover {

2
src/newsreader/scss/partials/_root.scss
View file

@ -5,7 +5,6 @@
--font-color: #{$font-color}; --font-color: #{$font-color};
--link-color: #{$link-color}; --link-color: #{$link-color};
--selected-color: #{$selected-color}; --selected-color: #{$selected-color};
--read-color: #{$read-color};
--confirm-color: #{$confirm-color}; --confirm-color: #{$confirm-color};
--confirm-font-color: #{$confirm-font-color}; --confirm-font-color: #{$confirm-font-color};
@ -27,7 +26,6 @@
--font-color: #{$dark-font-color}; --font-color: #{$dark-font-color};
--link-color: #{$dark-link-color}; --link-color: #{$dark-link-color};
--read-color: #{$dark-read-color};
--confirm-color: #{$dark-confirm-color}; --confirm-color: #{$dark-confirm-color};
--confirm-font-color: #{$dark-confirm-font-color}; --confirm-font-color: #{$dark-confirm-font-color};