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

🐛 Improve inspect tab

Browse source
This commit is contained in:
alonso.torres 2023-12-13 13:47:27 +01:00
parent e2446fcc62
commit 39856c8f6a
10 changed files with 245 additions and 159 deletions
Download patch file Download diff file Expand all files Collapse all files

29
frontend/src/app/main/ui/viewer/inspect/code.scss
View file

@ -7,6 +7,12 @@
@import "refactor/common-refactor.scss";
.element-options {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
padding-bottom: $s-16;
.attributes-block {
.download-button {
@extend .button-secondary;
@ -17,16 +23,28 @@
}
}
.code-block {
font-size: $fs-14;
@include codeTypography;
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
min-height: 0;
overflow: hidden;
padding: 0 $s-4 $s-8 0;
pre {
border-radius: $br-8;
border: $s-1 solid $db-secondary;
padding: $s-16;
max-height: var(--code-height);
overflow: auto;
height: 100%;
}
// Overrides background setted in the theme
:global(.hljs) {
background: $db-tertiary;
}
}
.code-row-lang {
display: flex;
justify-content: space-between;
@ -61,7 +79,10 @@
color: var(--menu-foreground-color-disabled);
}
.code-row-display {
margin-bottom: $s-8;
flex: 1;
min-height: 0;
overflow: hidden;
padding-bottom: $s-8;
}
}