3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-07 14:38:33 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix sidebar scroll and grid issues

Browse source
This commit is contained in:
elhombretecla 2020-07-30 12:40:04 +02:00
parent d3c81822e8
commit 17bea924b2
5 changed files with 34 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

1
frontend/resources/styles/common/framework.scss
View file

@ -88,6 +88,7 @@
} }
&:hover { &:hover {
background: $color-primary; background: $color-primary;
color: $color-gray-60;
svg { svg {
fill: $color-gray-60; fill: $color-gray-60;
} }

1
frontend/resources/styles/main/partials/forms.scss
View file

@ -195,6 +195,7 @@ textarea {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
justify-content: center;
label { label {
font-size: $fs10; font-size: $fs10;

35
frontend/resources/styles/main/partials/sidebar-element-options.scss
View file

@ -283,6 +283,9 @@
font-size: $fs12; font-size: $fs12;
} }
&:hover {
border: 1px solid $color-gray-20;
}
} }
.custom-select-dropdown { .custom-select-dropdown {
@ -361,9 +364,11 @@
} }
.editable-select { .editable-select {
border: 1px solid transparent;
position: relative; position: relative;
height: 38px; height: 38px;
margin-right: $small; margin-right: $small;
max-height: 30px;
position: relative; position: relative;
width: 60%; width: 60%;
@ -399,7 +404,7 @@
.dropdown-button { .dropdown-button {
position: absolute; position: absolute;
top: 7px; top: 4px;
right: 0; right: 0;
} }
@ -418,6 +423,10 @@
color: #b1b2b5; color: #b1b2b5;
} }
} }
&:hover {
border: 1px solid $color-gray-40;
}
} }
} }
@ -436,6 +445,7 @@
padding-left: 0; padding-left: 0;
color: #b1b2b5; color: #b1b2b5;
background-color: transparent; background-color: transparent;
height: 30px;
} }
} }
@ -669,20 +679,33 @@
} }
.element-set-content .grid-option-main { .element-set-content .grid-option-main {
align-items: center;
display: flex; display: flex;
padding: 0.5rem 0; padding: 0.3rem 0;
border: 1px solid $color-black; border: 1px solid $color-black;
border-radius: 4px; border-radius: 4px;
height: 48px;
&:hover { &:hover {
background: #1F1F1F; background: $color-gray-60;
.custom-select,
.editable-select,
input {
background-color: $color-gray-50;
}
} }
& .custom-select { & .custom-select {
min-width: 4.75rem; min-width: 4.75rem;
height: 2rem; height: 2rem;
border: none; border-color: transparent;
border-bottom: 1px solid #65666A; border-bottom: 1px solid #65666A;
max-height: 30px;
&:hover {
border: 1px solid $color-gray-40;
}
} }
& .input-element { & .input-element {
@ -784,8 +807,8 @@
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
svg { svg {
width: 20px; width: 12px;
height: 20px; height: 12px;
fill: $color-gray-20; fill: $color-gray-20;
} }
} }

3
frontend/resources/styles/main/partials/tab-container.scss
View file

@ -35,7 +35,8 @@
flex: 1; flex: 1;
height: 100%; height: 100%;
max-height: 100%; max-height: 100%;
overflow: hidden; overflow-x: hidden;
overflow-y: auto;
} }
.tab-element, .tab-element-content { .tab-element, .tab-element-content {

2
frontend/src/uxbox/main/ui/workspace/sidebar/options/exports.cljs
View file

@ -144,7 +144,7 @@
[:div.delete-icon {:on-click (partial delete-export index)} [:div.delete-icon {:on-click (partial delete-export index)}
i/minus]]) i/minus]])
[:div.btn-large.btn-icon-dark.download-button [:div.btn-icon-dark.download-button
{:on-click (when-not @loading? on-download) {:on-click (when-not @loading? on-download)
:class (dom/classnames :class (dom/classnames
:btn-disabled @loading?) :btn-disabled @loading?)