styles: remove min width from tags dropdown

This commit is contained in:
Antonella Sgarlatta
2021-06-10 12:18:18 -03:00
parent c86a57e747
commit df1257ac7e
5 changed files with 4 additions and 5 deletions

View File

@@ -23,7 +23,7 @@ const NotesContextMenu = observer(({ appState }: Props) => {
return appState.notes.contextMenuOpen ? (
<div
ref={contextMenuRef}
className="sn-dropdown max-h-120 max-w-xs flex flex-col py-2 overflow-y-auto fixed"
className="sn-dropdown min-w-80 max-h-120 max-w-xs flex flex-col py-2 overflow-y-auto fixed"
style={{
...appState.notes.contextMenuPosition,
maxHeight: appState.notes.contextMenuMaxHeight,

View File

@@ -159,7 +159,7 @@ export const NotesOptions = observer(
maxHeight: tagsMenuMaxHeight,
position: 'fixed',
}}
className="sn-dropdown flex flex-col py-2 max-h-120 max-w-xs fixed overflow-y-auto"
className="sn-dropdown min-w-80 flex flex-col py-2 max-h-120 max-w-xs fixed overflow-y-auto"
>
{appState.tags.tags.map((tag) => (
<button

View File

@@ -71,7 +71,7 @@ export const NotesOptionsPanel = observer(({ appState }: Props) => {
...position,
maxHeight,
}}
className="sn-dropdown sn-dropdown--animated max-h-120 max-w-xs flex flex-col py-2 overflow-y-auto fixed"
className="sn-dropdown sn-dropdown--animated min-w-80 max-h-120 max-w-xs flex flex-col py-2 overflow-y-auto fixed"
>
{open && (
<NotesOptions

View File

@@ -63,7 +63,7 @@ const SearchOptions = observer(({ appState }: Props) => {
style={{
top: optionsPanelTop,
}}
className="sn-dropdown sn-dropdown--anchor-right sn-dropdown--animated absolute grid gap-2 py-2"
className="sn-dropdown sn-dropdown--anchor-right sn-dropdown--animated min-w-80 absolute grid gap-2 py-2"
>
<Switch
className="h-10"

View File

@@ -360,7 +360,6 @@
.sn-dropdown {
@extend .bg-default;
@extend .min-w-80;
@extend .rounded;
@extend .box-shadow;