rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 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 <div
role="button" role="button"
tabIndex={FOCUSABLE_BUT_NOT_TABBABLE} 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} onClick={selectCurrentTag}
onContextMenu={(event) => { onContextMenu={(event) => {
event.preventDefault() event.preventDefault()
@@ -131,7 +131,7 @@ const SmartViewsListItem: FunctionComponent<Props> = ({ view, tagsState, setEdit
> >
<div className="tag-info"> <div className="tag-info">
<div className={'tag-icon mr-2'}> <div className={'tag-icon mr-2'}>
<Icon type={view.iconString} className={iconClass} /> <Icon type={view.iconString} className={classNames(iconClass, 'group-hover:text-text')} />
</div> </div>
{isEditing ? ( {isEditing ? (
<input <input

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

@@ -260,7 +260,7 @@ export const TagsListItem: FunctionComponent<Props> = observer(
<div <div
role="button" role="button"
tabIndex={FOCUSABLE_BUT_NOT_TABBABLE} 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} onClick={selectCurrentTag}
ref={tagRef} ref={tagRef}
style={{ style={{
@@ -282,7 +282,10 @@ export const TagsListItem: FunctionComponent<Props> = observer(
<div onClick={selectCurrentTag} className={'tag-icon draggable mr-2'}> <div onClick={selectCurrentTag} className={'tag-icon draggable mr-2'}>
<Icon <Icon
type={tag.iconString as IconType} 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> </div>