Quellcode durchsuchen

correction of the responsive in progress

AlexiCauvin vor 6 Jahren
Ursprung
Commit
665388e600
2 geänderte Dateien mit 16 neuen und 46 gelöschten Zeilen
  1. 9 5
      src/component/PopinFixed/PopinFixed.styl
  2. 7 41
      src/component/Timeline/Timeline.styl

+ 9 - 5
src/component/PopinFixed/PopinFixed.styl Datei anzeigen

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

+ 7 - 41
src/component/Timeline/Timeline.styl Datei anzeigen

116
 .mce-btn-group:not(:first-child)
116
 .mce-btn-group:not(:first-child)
117
   border-left none!important //remove the left borders of the wysiwyg for a better aesthetic result
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
   .timeline
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
   .timeline
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
 @media (max-width: max-xs)
128
 @media (max-width: max-xs)
153
-
154
   .timeline
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