3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-03 01:21:37 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Adds copy properties.

Browse source
This commit is contained in:
alonso.torres 2020-10-23 15:41:06 +02:00 • committed by Hirunatan
parent 1e48221d7b
commit d6573c2bcc
9 changed files with 454 additions and 166 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/resources/locales.json
View file

@ -3366,6 +3366,16 @@
"handoff.tabs.info": "Info",
"handoff.tabs.code": "Code",
"handoff.tabs.code.selected.frame": "Artboard",
"handoff.tabs.code.selected.group": "Group",
"handoff.tabs.code.selected.rect": "Rectangle",
"handoff.tabs.code.selected.circle": "Circle",
"handoff.tabs.code.selected.path": "Path",
"handoff.tabs.code.selected.curve": "Curve",
"handoff.tabs.code.selected.image": "Image",
"handoff.tabs.code.selected.text": "Text",
"handoff.tabs.code.selected.multiple": "%s Selected",
"handoff.attributes.color.hex": "HEX",
"handoff.attributes.color.rgba": "RGBA",
"handoff.attributes.color.hsla": "HSLA",

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

@ -22,6 +22,14 @@
padding-bottom: 0.5rem;
font-size: $fs12;
.attributes-text-block {
border-bottom: 1px solid $color-gray-60;
}
& :last-child{
border-bottom: none;
}
.attributes-copy-button {
visibility: hidden;
opacity: 0;
@ -139,13 +147,18 @@
.attributes-content {
overflow-y: auto;
max-height: 10rem;
max-height: 5rem;
background: $color-gray-60;
border-radius: 4px;
padding: 1rem 0.5rem;
color: $color-gray-10;
white-space: pre-wrap;
}
.attributes-copy-button {
padding: 0.5rem;
margin-top: 0.25rem;
}
}
.attributes-image-row {
@ -194,6 +207,16 @@
justify-content: space-between;
}
.attributes-typography-row {
position: relative;
margin: 0.5rem;
padding-right: 2rem;
.typography-sample {
font-size: $fs16;
}
}
.download-button {
display: block;
text-align: center;
@ -216,7 +239,9 @@
.attributes-unit-row,
.attributes-color-row,
.attributes-shadow-row,
.attributes-stroke-row {
.attributes-stroke-row,
.attributes-typography-row,
.attributes-content-row {
&:hover .attributes-copy-button {
visibility: visible;
opacity: 1;