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

component-view position fixes for note-tags-component-container

Browse Source
This commit is contained in:
Mo Bitar
2018-12-17 18:57:40 -06:00
parent 74fb3b6ca5
commit 302420385a
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/stylesheets/app/_editor.scss
View File

@@ -58,7 +58,7 @@ $heading-height: 75px;
position: absolute; position: absolute;
right: 20px; right: 20px;
font-size: var(--sn-stylekit-font-size-h5); font-size: calc(var(--sn-stylekit-base-font-size) - 2px);
text-transform: none; text-transform: none;
font-weight: normal; font-weight: normal;
margin-top: 4px; margin-top: 4px;
@@ -80,6 +80,11 @@ $heading-height: 75px;
height: 50px; height: 50px;
overflow: auto; // Required for expired sub to not overflow overflow: auto; // Required for expired sub to not overflow
.component-view {
// see comment under main .component-view css defintion
position: inherit;
}
iframe { iframe {
height: 50px; height: 50px;
width: 100%; width: 100%;

3
app/assets/stylesheets/app/_modals.scss
View File

@@ -168,6 +168,9 @@
flex-grow: 1; flex-grow: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// required so that .loading-overlay absolute works properly wrt to modal components. However, seems to break #note-tags-component-container.
// I couldn't find any solution to this other than to customize .component-view position back to inherit for note-tags-component-container.
position: relative; position: relative;
// not sure why we need this. Removed because it creates unncessary scroll bars. Tested on folders extension, creates horizontal scrollbar at bottom on windows // not sure why we need this. Removed because it creates unncessary scroll bars. Tested on folders extension, creates horizontal scrollbar at bottom on windows