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

chore: smart view / tag hover style

Browse Source
This commit is contained in:
Aman Harwara
2023-08-14 15:45:35 +05:30
parent 4865e3ba28
commit f95a942f6e
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/web/src/javascripts/Components/Tags/SmartViewsListItem.tsx
View File

@@ -115,7 +115,7 @@ const SmartViewsListItem: FunctionComponent<Props> = ({ view, tagsState, setEdit
<div
role="button"
tabIndex={FOCUSABLE_BUT_NOT_TABBABLE}
className={classNames('tag px-3.5', isSelected && 'selected', isFaded && 'opacity-50')}
className={classNames('tag group px-3.5', isSelected && 'selected', isFaded && 'opacity-50')}
onClick={selectCurrentTag}
onContextMenu={(event) => {
event.preventDefault()
@@ -131,7 +131,7 @@ const SmartViewsListItem: FunctionComponent<Props> = ({ view, tagsState, setEdit
>
<div className="tag-info">
<div className={'tag-icon mr-2'}>
<Icon type={view.iconString} className={iconClass} />
<Icon type={view.iconString} className={classNames(iconClass, 'group-hover:text-text')} />
</div>
{isEditing ? (
<input

7
packages/web/src/javascripts/Components/Tags/TagsListItem.tsx
View File

@@ -260,7 +260,7 @@ export const TagsListItem: FunctionComponent<Props> = observer(
<div
role="button"
tabIndex={FOCUSABLE_BUT_NOT_TABBABLE}
className={classNames('tag px-3.5', isSelected && 'selected', isBeingDraggedOver && 'is-drag-over')}
className={classNames('tag group px-3.5', isSelected && 'selected', isBeingDraggedOver && 'is-drag-over')}
onClick={selectCurrentTag}
ref={tagRef}
style={{
@@ -282,7 +282,10 @@ export const TagsListItem: FunctionComponent<Props> = observer(
<div onClick={selectCurrentTag} className={'tag-icon draggable mr-2'}>
<Icon
type={tag.iconString as IconType}
className={`cursor-pointer ${isSelected ? 'text-info' : 'text-neutral'}`}
className={classNames(
'cursor-pointer group-hover:text-text',
isSelected ? 'text-info' : 'text-neutral',
)}
/>
</div>