rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: content list item & tag highlight indicator on mobile

Browse Source
This commit is contained in:
Aman Harwara
2023-05-12 22:25:38 +05:30
parent aa1f7d976e
commit 6ee1c76366
2 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/web/src/stylesheets/_items-column.scss
View File

@@ -111,16 +111,16 @@
} }
.content-list-item { .content-list-item {
&.selected {
background-color: var(--item-cell-selected-background-color);
}
@media screen and (hover: hover) { @media screen and (hover: hover) {
&:hover { &:hover {
background-color: var(--item-cell-selected-background-color); background-color: var(--item-cell-selected-background-color);
} }
} }
&:active {
background-color: var(--item-cell-selected-background-color);
}
ul { ul {
list-style: disc; list-style: disc;
} }

8
packages/web/src/stylesheets/_navigation.scss
View File

@@ -167,7 +167,13 @@ $content-horizontal-padding: 16px;
} }
} }
&:hover:not(.selected), @media screen and (hover: hover) {
&:hover:not(.selected) {
background-color: var(--navigation-item-selected-background-color);
}
}
&:active,
&.selected, &.selected,
&.is-drag-over { &.is-drag-over {
background-color: var(--navigation-item-selected-background-color); background-color: var(--navigation-item-selected-background-color);