github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-13 07:30:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix settings bar flex problem

Browse Source
This commit is contained in:
Juan de la Cruz 2016-02-18 16:54:43 +01:00
parent be1a55f999
commit 02db77dea7
3 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
resources/public/styles/partials/settings-bar-layers.scss
View File

@ -1,4 +1,5 @@
.layers-tools { .layers-tools {
border-top: 1px solid $light-ui-border;
bottom: 0; bottom: 0;
display: flex; display: flex;
height: 30px; height: 30px;

11
resources/public/styles/partials/settings-bar.scss
View File

@ -1,6 +1,7 @@
.settings-bar { .settings-bar {
background-color: $primary-ui-bg; background-color: $primary-ui-bg;
bottom: 0; bottom: 0;
box-sizing: border-box;
height: 100%; height: 100%;
position: fixed; position: fixed;
right: 0; right: 0;
@ -13,10 +14,11 @@
.settings-bar-inside { .settings-bar-inside {
align-items: center; align-items: center;
box-sizing: border-box;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-y: auto; overflow-y: auto;
padding-bottom: 30px; overflow-x: hidden;
padding-top: 50px; padding-top: 50px;
height: 100%; height: 100%;
@ -24,8 +26,7 @@
border-bottom: 1px solid $light-ui-border; border-bottom: 1px solid $light-ui-border;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 40%; flex: 1;
//flex: 1;
width: 100%; width: 100%;
.tool-window-bar { .tool-window-bar {
@ -74,6 +75,10 @@
padding-bottom: $medium; padding-bottom: $medium;
} }
&#layers {
padding-bottom: 30px;
}
} }
} }

2
resources/public/styles/partials/workspace-bar.scss
View File

@ -60,7 +60,7 @@
} }
span { span {
color: $color-gray-light; color: $dark-ui-text;
overflow-x: hidden; overflow-x: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;