mirror of
https://github.com/penpot/penpot.git
synced 2025-01-23 23:18:48 -05:00
✨ Fix comments font-size and gaps
This commit is contained in:
parent
7d074678bf
commit
c2b6e8610b
2 changed files with 18 additions and 17 deletions
|
@ -24,7 +24,7 @@
|
|||
box-sizing: border-box;
|
||||
box-shadow: 0px 4px 4px rgba($color-black, 0.25);
|
||||
|
||||
font-size: $fs12;
|
||||
font-size: $fs13;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
|
@ -52,11 +52,11 @@
|
|||
box-sizing: border-box;
|
||||
box-shadow: 0px 2px 8px rgba($color-black, 0.25);
|
||||
border-radius: 2px;
|
||||
min-width: 200px;
|
||||
max-width: 200px;
|
||||
min-width: 250px;
|
||||
max-width: 250px;
|
||||
|
||||
.comments {
|
||||
max-height: 305px;
|
||||
max-height: 320px;
|
||||
}
|
||||
|
||||
hr {
|
||||
|
@ -77,13 +77,14 @@
|
|||
}
|
||||
|
||||
textarea {
|
||||
padding: 4px 8px;
|
||||
resize: none;
|
||||
font-family: "sourcesanspro", sans-serif;
|
||||
font-size: $fs10;
|
||||
font-family: "worksans", sans-serif;
|
||||
font-size: $fs13;
|
||||
min-height: 32px;
|
||||
outline: none;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
padding: $small;
|
||||
resize: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
|
@ -127,7 +128,7 @@
|
|||
.fullname {
|
||||
font-weight: 700;
|
||||
color: $color-gray-60;
|
||||
font-size: $fs10;
|
||||
font-size: $fs13;
|
||||
|
||||
@include text-ellipsis;
|
||||
width: 110px;
|
||||
|
@ -135,7 +136,7 @@
|
|||
}
|
||||
.timeago {
|
||||
margin-top: -2px;
|
||||
font-size: $fs9;
|
||||
font-size: $fs11;
|
||||
color: $color-gray-30;
|
||||
}
|
||||
}
|
||||
|
@ -148,8 +149,8 @@
|
|||
img {
|
||||
border-radius: 50%;
|
||||
flex-shrink: 0;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -190,9 +191,9 @@
|
|||
}
|
||||
|
||||
.content {
|
||||
margin: 7px 0px;
|
||||
margin: $medium 0;
|
||||
// margin-left: 26px;
|
||||
font-size: $fs10;
|
||||
font-size: $fs13;
|
||||
color: $color-black;
|
||||
.text {
|
||||
margin-left: 26px;
|
||||
|
|
|
@ -124,7 +124,7 @@
|
|||
(not (empty? @content)))
|
||||
[:div.buttons
|
||||
[:input.btn-primary {:type "button" :value "Post" :on-click on-submit}]
|
||||
[:input.btn-warning {:type "button" :value "Cancel" :on-click on-cancel}]])]))
|
||||
[:input.btn-secondary {:type "button" :value "Cancel" :on-click on-cancel}]])]))
|
||||
|
||||
(mf/defc draft-thread
|
||||
[{:keys [draft zoom] :as props}]
|
||||
|
@ -191,7 +191,7 @@
|
|||
:on-change on-change}]
|
||||
[:div.buttons
|
||||
[:input.btn-primary {:type "button" :value "Post" :on-click on-submit*}]
|
||||
[:input.btn-warning {:type "button" :value "Cancel" :on-click on-cancel}]]]))
|
||||
[:input.btn-secondary {:type "button" :value "Cancel" :on-click on-cancel}]]]))
|
||||
|
||||
|
||||
(mf/defc comment-item
|
||||
|
|
Loading…
Add table
Reference in a new issue