瀏覽代碼

correction of the responsive in progress

AlexiCauvin 5 年之前
父節點
當前提交
665388e600
共有 2 個文件被更改,包括 16 次插入46 次删除
  1. 9 5
      src/component/PopinFixed/PopinFixed.styl
  2. 7 41
      src/component/Timeline/Timeline.styl

+ 9 - 5
src/component/PopinFixed/PopinFixed.styl 查看文件

@@ -7,7 +7,7 @@
7 7
   border 1px solid grey
8 8
   height 100%
9 9
   background-color lightGrey
10
-  box-shadow shadow-page
10
+  box-shadow shadow-right
11 11
   z-index 4
12 12
   &.visible
13 13
     visibility visible
@@ -98,24 +98,28 @@
98 98
   .wsContentGeneric__content
99 99
     overflow-Y auto
100 100
     &__left
101
+      margin-bottom 20px
101 102
       width 100%
102
-      margin-bottom 50px
103
+      height auto
104
+      &__textnote
105
+        height auto
106
+        overflow-y hidden
103 107
     &__right
104 108
       width 100%
105 109
 
106 110
 @media (min-width: min-sm) and (max-width: max-sm)
107 111
 
108 112
   .wsContentGeneric
109
-    top 70px
113
+    top 68px
110 114
 
111 115
 @media (max-width: max-xs)
112 116
 
113 117
   .wsContentGeneric
114
-    top 70px
118
+    top 68  px
115 119
     &__content
116 120
       overflow-Y auto
117 121
       &__left
118 122
         width 100%
119
-        margin-bottom 50px
123
+        margin-bottom 20px
120 124
       &__right
121 125
         width 100%

+ 7 - 41
src/component/Timeline/Timeline.styl 查看文件

@@ -116,50 +116,16 @@
116 116
 .mce-btn-group:not(:first-child)
117 117
   border-left none!important //remove the left borders of the wysiwyg for a better aesthetic result
118 118
 
119
-
120
-/**** MEDIA 576px & 1199px ****/
121
-
122
-@media (min-width: min-sm) and (max-width: max-lg)
123
-
119
+@media (min-width: min-lg) and (max-width: max-lg)
124 120
   .timeline
125
-    &__messagelist
126
-      min-height 350px
127
-      max-height 700px
128
-      &__item
129
-        margin-right 55px
130
-
131
-/**** MEDIA 576px & 767px ****/
132
-
133
-@media (min-width: min-sm) and (max-width: max-sm)
121
+    margin 0
134 122
 
123
+@media (min-width: min-sm) and (max-width: max-md)
135 124
   .timeline
136
-    &__messagelist__item
137
-      margin-right 35px
138
-    &__texteditor
139
-      display flex
140
-      align-items center
141
-      &__wysiwyg
142
-        width 70%
143
-        & > textarea
144
-          border-radius 5px
145
-          height 40px
146
-      &__submit
147
-        width 30%
148
-        margin-left 10px
149
-
150
-/**** MEDIA 575px ****/
125
+    display block
126
+    margin 0
151 127
 
152 128
 @media (max-width: max-xs)
153
-
154 129
   .timeline
155
-    &__texteditor
156
-      display flex
157
-      align-items center
158
-      &__wysiwyg
159
-        width 70%
160
-        & > textarea
161
-          border-radius 5px
162
-          height 40px
163
-      &__submit
164
-        width 30%
165
-        margin-left 10px
130
+    display block
131
+    margin 0