瀏覽代碼

html-content content size adjustment and add a border-radius on edittitle input

AlexiCauvin 5 年之前
父節點
當前提交
94a2d1075a
共有 3 個文件被更改,包括 9 次插入4 次删除
  1. 1 1
      dist/tracim_lib.js
  2. 3 0
      src/component/PopinFixed/PopinFixed.styl
  3. 5 3
      src/component/Timeline/Timeline.styl

文件差異過大導致無法顯示
+ 1 - 1
dist/tracim_lib.js


+ 3 - 0
src/component/PopinFixed/PopinFixed.styl 查看文件

@@ -22,10 +22,13 @@
22 22
       color white
23 23
     &__title
24 24
       margin-right 15px
25
+      border-radius 5px
25 26
       color white
26 27
       text-overflow ellipsis
27 28
       overflow hidden
28 29
       white-space nowrap
30
+      & > input
31
+        padding-left 5px
29 32
     &__edittitle
30 33
       margin 0 15px
31 34
       border 1px solid transparent

+ 5 - 3
src/component/Timeline/Timeline.styl 查看文件

@@ -3,9 +3,9 @@
3 3
 .timeline
4 4
   display flex
5 5
   flex-direction column
6
-  margin 10px
6
+  margin 10px 10px 10px 5px
7 7
   border-radius 10px
8
-  height 100%
8
+  height calc(100% - 10px) // 10px => margin
9 9
   &__header
10 10
     flex 0 1 auto
11 11
     border-radius 10px 10px 0 0
@@ -54,7 +54,9 @@
54 54
       width 100%
55 55
       background-color lightGrey
56 56
       &__btn
57
-        padding 5px 25px
57
+        display flex
58
+        justify-content center
59
+        padding 5px 20px
58 60
         border-radius 5px
59 61
         width 145px
60 62
         color white