mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-09-19 22:37:31 -07:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Fix scrollbars and dialogs on lower resolutions

Browse source
This commit is contained in:
Jan Oberhauser 2019-06-27 12:44:59 +02:00
parent a7cd27d745
commit 6cc6c6f138
2 changed files with 22 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/editor-ui/src/components/DataDisplay.vue
View file

@ -94,9 +94,13 @@ export default Vue.extend({
position: relative;
width: 80%;
height: 80%;
margin: 8em auto;
margin: 6em auto;
background-color: #fff;
border-radius: 2px;
@media (max-height: 720px) {
margin: 1em auto;
height: 95%;
}
}
}

18
packages/editor-ui/src/n8n-theme.scss
View file

@ -56,6 +56,11 @@ h1, h2, h3, h4, h5, h6 {
background-color: $--custom-dialog-background;
-webkit-box-shadow: none;
box-shadow: none;
@media (max-height: 720px) {
margin: 1em auto !important;
}
.el-dialog__header {
padding: 15px 20px;
.el-dialog__title {
@ -462,9 +467,20 @@ h1, h2, h3, h4, h5, h6 {
background: #ddd;
}
::-webkit-scrollbar-thumb {
background: #ddd;
border-radius: 6px;
background: lighten($--color-primary, 20%);
}
::-webkit-scrollbar-thumb:hover {
background: $--color-primary;
}
.el-dialog__wrapper {
&::-webkit-scrollbar-track,
&::-webkit-scrollbar-track:hover {
background: #fff;
}
&::-webkit-scrollbar-thumb {
background: $--color-primary;
border-radius: 6px;
}
}