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

💄 Make some design adjustments

Browse source
This commit is contained in:
Andrés Moya 2021-09-21 15:48:05 +02:00
parent bbdf1152c1
commit f8d09917a5
4 changed files with 98 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files

28
frontend/resources/styles/main/partials/sidebar-interactions.scss
View file

@ -7,8 +7,14 @@
.interactions-help {
font-size: $fs12;
margin: 0 $medium;
padding: 7px $medium;
margin: 0 -7px;
text-align: center;
&.separator {
padding-bottom: $medium;
border-bottom: 1px solid $color-black;
}
}
.interactions-help-icon {
@ -24,7 +30,9 @@
}
.interactions-summary {
width: 100%;
cursor: pointer;
flex-basis: 0;
flex-grow: 1;
.trigger-name {
font-size: $fs12;
@ -40,17 +48,31 @@
.interactions-element {
display: flex;
align-items: center;
margin: 0 -7px;
padding: 0 7px;
.element-label {
color: $color-gray-20;
font-size: $fs11;
width: 64px;
}
&.separator {
border-top: 1px solid $color-black;
margin-top: $x-small;
}
}
.interactions-pos-buttons {
margin-top: $small;
justify-content: space-around;
padding-top: $small;
padding-bottom: $small;
justify-content: space-between;
.element-set-actions-button {
min-width: 18px;
min-height: 18px;
}
svg {
width: 18px;