Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-04 13:29:14 -05:00
Code Issues Activity

🐛 Fix scrollbar on comments section

Browse source
This commit is contained in:
Eva 2024-01-22 10:34:39 +01:00
parent 844634e8c8
commit dfbc449045
1 changed files with 136 additions and 120 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
frontend/src/app/main/ui/workspace/comments.scss
View file

@ -9,6 +9,10 @@
.comments-section {
position: relative;
background-color: var(--panel-background-color);
display: grid;
grid-template-rows: $s-40 $s-48 1fr;
}
.comments-section-title {
@include flexCenter;
@include tabTitleTipography;
@ -25,6 +29,7 @@
flex-grow: 1;
color: var(--title-foreground-color-hover);
}
}
.close-button {
@extend .button-tertiary;
@ -36,7 +41,7 @@
stroke: var(--icon-foreground);
}
}
}
.mode-dropdown-wrapper {
@include buttonStyle;
@extend .asset-element;
@ -49,12 +54,15 @@
margin: $s-16 auto 0 auto;
cursor: pointer;
position: relative;
}
.mode-label {
padding-right: 8px;
flex-grow: 1;
display: flex;
justify-content: flex-start;
}
.icon {
@include flexCenter;
padding-right: 8px;
@ -66,12 +74,14 @@
stroke: var(--icon-foreground);
}
}
}
.comment-mode-dropdown {
@extend .dropdown-wrapper;
top: $s-80;
left: $s-12;
width: $s-256;
}
.dropdown-item {
@extend .dropdown-element-base;
justify-content: space-between;
@ -101,21 +111,29 @@
}
}
}
.separator {
height: $s-12;
}
}
.comments-section-content {
height: 100%;
overflow-y: auto;
}
.thread-groups {
display: flex;
flex-direction: column;
gap: $s-24;
}
.thread-group-placeholder {
@include flexColumn;
align-items: center;
justify-content: flex-start;
margin-top: $s-36;
}
.placeholder-icon {
@include flexCenter;
height: $s-48;
@ -129,12 +147,10 @@
stroke: var(--empty-message-foreground-color);
}
}
.placeholder-label {
@include titleTipography;
text-align: center;
width: $s-184;
color: var(--empty-message-foreground-color);
}
}
}
}