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

✨ Fix comments font-size and gaps

Browse source
This commit is contained in:
elhombretecla 2020-10-22 11:00:09 +02:00
parent 7d074678bf
commit c2b6e8610b
2 changed files with 18 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
frontend/resources/styles/main/partials/workspace-comments.scss
View file

@ -24,7 +24,7 @@
box-sizing: border-box; box-sizing: border-box;
box-shadow: 0px 4px 4px rgba($color-black, 0.25); box-shadow: 0px 4px 4px rgba($color-black, 0.25);
font-size: $fs12; font-size: $fs13;
width: 30px; width: 30px;
height: 30px; height: 30px;
border-radius: 50%; border-radius: 50%;
@ -52,11 +52,11 @@
box-sizing: border-box; box-sizing: border-box;
box-shadow: 0px 2px 8px rgba($color-black, 0.25); box-shadow: 0px 2px 8px rgba($color-black, 0.25);
border-radius: 2px; border-radius: 2px;
min-width: 200px; min-width: 250px;
max-width: 200px; max-width: 250px;
.comments { .comments {
max-height: 305px; max-height: 320px;
} }
hr { hr {
@ -77,13 +77,14 @@
} }
textarea { textarea {
padding: 4px 8px; font-family: "worksans", sans-serif;
resize: none; font-size: $fs13;
font-family: "sourcesanspro", sans-serif; min-height: 32px;
font-size: $fs10;
outline: none; outline: none;
width: 100%;
overflow: hidden; overflow: hidden;
padding: $small;
resize: none;
width: 100%;
} }
.buttons { .buttons {
@ -127,7 +128,7 @@
.fullname { .fullname {
font-weight: 700; font-weight: 700;
color: $color-gray-60; color: $color-gray-60;
font-size: $fs10; font-size: $fs13;
@include text-ellipsis; @include text-ellipsis;
width: 110px; width: 110px;
@ -135,7 +136,7 @@
} }
.timeago { .timeago {
margin-top: -2px; margin-top: -2px;
font-size: $fs9; font-size: $fs11;
color: $color-gray-30; color: $color-gray-30;
} }
} }
@ -148,8 +149,8 @@
img { img {
border-radius: 50%; border-radius: 50%;
flex-shrink: 0; flex-shrink: 0;
height: 20px; height: 24px;
width: 20px; width: 24px;
} }
} }
@ -190,9 +191,9 @@
} }
.content { .content {
margin: 7px 0px; margin: $medium 0;
// margin-left: 26px; // margin-left: 26px;
font-size: $fs10; font-size: $fs13;
color: $color-black; color: $color-black;
.text { .text {
margin-left: 26px; margin-left: 26px;

4
frontend/src/app/main/ui/workspace/comments.cljs
View file

@ -124,7 +124,7 @@
(not (empty? @content))) (not (empty? @content)))
[:div.buttons [:div.buttons
[:input.btn-primary {:type "button" :value "Post" :on-click on-submit}] [: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 (mf/defc draft-thread
[{:keys [draft zoom] :as props}] [{:keys [draft zoom] :as props}]
@ -191,7 +191,7 @@
:on-change on-change}] :on-change on-change}]
[:div.buttons [:div.buttons
[:input.btn-primary {:type "button" :value "Post" :on-click on-submit*}] [: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 (mf/defc comment-item