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

styles: change overflow to auto and add back dropdowns min width

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-06-10 11:18:29 -03:00
parent c0348a0d0a
commit 860e30de20
6 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/components/AutocompleteTagInput.tsx
View File

@@ -117,7 +117,7 @@ export const AutocompleteTagInput = observer(({ appState }: Props) => {
style={{ maxHeight: dropdownMaxHeight, maxWidth: tagsContainerMaxWidth }}
onBlur={closeOnBlur}
>
<div className="overflow-y-scroll">
<div className="overflow-y-auto">
{autocompleteTagResults.map((tagResult) => (
<AutocompleteTagResult
key={tagResult.uuid}

2
app/assets/javascripts/components/NotesContextMenu.tsx
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-scroll fixed"
className="sn-dropdown max-h-120 max-w-xs flex flex-col py-2 overflow-y-auto fixed"
style={{
...appState.notes.contextMenuPosition,
maxHeight: appState.notes.contextMenuMaxHeight,

2
app/assets/javascripts/components/NotesOptions.tsx
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-scroll"
className="sn-dropdown flex flex-col py-2 max-h-120 max-w-xs fixed overflow-y-auto"
>
{appState.tags.tags.map((tag) => (
<button

2
app/assets/javascripts/components/NotesOptionsPanel.tsx
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-scroll fixed"
className="sn-dropdown sn-dropdown--animated max-h-120 max-w-xs flex flex-col py-2 overflow-y-auto fixed"
>
{open && (
<NotesOptions

2
app/assets/javascripts/components/SessionsModal.tsx
View File

@@ -145,7 +145,7 @@ const SessionsModal: FunctionComponent<{
</button>
</div>
</div>
<div class="sk-panel-content overflow-y-scroll">
<div class="sk-panel-content overflow-y-auto">
{refreshing ? (
<>
<div class="sk-spinner small info"></div>

6
app/assets/stylesheets/_sn.scss
View File

@@ -275,8 +275,8 @@
position: fixed;
}
.overflow-y-scroll {
overflow-y: scroll;
.overflow-y-auto {
overflow-y: auto;
}
.overflow-auto {
@@ -360,7 +360,7 @@
.sn-dropdown {
@extend .bg-default;
// @extend .min-w-80;
@extend .min-w-80;
@extend .rounded;
@extend .box-shadow;