3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-28 10:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Add library names to handoff views

Browse source
This commit is contained in:
alonso.torres 2020-11-03 10:54:37 +01:00 • committed by Hirunatan
parent 833a53f131
commit 8ae52be773
9 changed files with 169 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

59
frontend/resources/styles/main/partials/handoff.scss
View file

@ -104,9 +104,32 @@
.attributes-color-row {
display: flex;
flex-direction: column;
padding: 1rem 0;
position: relative;
align-items: center;
.attributes-color-id {
display: flex;
align-items: center;
& > * {
margin: 0 0.5rem;
}
margin-bottom: 0.5rem;
}
.attributes-color-value {
display: flex;
align-items: center;
& > * {
margin: 0 0.5rem;
}
& :last-child {
margin-right: 0;
}
}
.color-text {
width: 3rem;
@ -123,19 +146,15 @@
border-radius: $br-small;
border: 1px solid $color-gray-60;
}
.hide-color .color-bullet {
visibility: hidden;
}
.copy-button {
padding: 1rem 0.5rem;
margin-top: 0.25rem;
}
& > * {
margin: 0 0.5rem;
}
& :last-child {
margin-right: 0;
}
select {
font-size: $fs12;
margin: 0;
@ -226,6 +245,22 @@
justify-content: space-between;
}
.attributes-typography-name-row {
position: relative;
margin-top: 0.5rem;
border: 1px solid $color-black;
border-radius: 4px;
margin: 0.5rem;
display: flex;
flex-direction: row;
align-items: center;
.copy-button {
padding: 0.5rem;
margin-top: 0.25rem;
}
}
.attributes-typography-row {
position: relative;
margin: 0.5rem;
@ -234,6 +269,7 @@
.typography-sample {
font-size: $fs16;
}
}
.download-button {
@ -260,7 +296,8 @@
.attributes-shadow-row,
.attributes-stroke-row,
.attributes-typography-row,
.attributes-content-row {
.attributes-content-row,
.attributes-typography-name-row {
&:hover {
.expand-button,
.copy-button {
@ -343,6 +380,6 @@
}
}
.element-options :first-child {
.element-options > :first-child {
border-top: none;
}