Browse Source

Merge branch 'develop' of github.com:tracim/app_PageHtml into develop

Skylsmoi 6 years ago
parent
commit
20dcd3b9c1
1 changed files with 19 additions and 74 deletions
  1. 19 74
      src/css/index.styl

+ 19 - 74
src/css/index.styl View File

@@ -9,7 +9,7 @@ btnState()
9 9
   color off-white
10 10
 
11 11
 .html-documents
12
-  width 1155px
12
+  width 70%
13 13
   &__header
14 14
     background-color htmlColor
15 15
     &__editionmode
@@ -138,87 +138,32 @@ btnState()
138 138
             box-shadow none
139 139
 
140 140
 
141
-@media (min-width: max-xs) and (max-width: max-lg)
142
-  .page
141
+@media (min-width: min-sm) and (max-width: max-lg)
142
+  .html-documents
143 143
     &__contentpage
144
-      display block
145
-      overflow-Y scroll
144
+      &__content
145
+        margin 10px
146 146
       &__textnote
147
-        margin-right 10px
148
-        padding 10px 20px
149
-        width auto
150
-        overflow-Y hidden
151
-        &__latestversion
152
-          padding-top 10px
153
-      &__wrapper
154
-        width auto
155
-      &__texteditor
156
-        &__simpletext
157
-          display inline-flex
158
-          width 60%
159
-        &__submit
160
-          display inline-flex
161
-          margin 10px 0
162
-          &__btn
163
-            display flex
164
-            margin-left 35px
165
-            &__icon
166
-              margin-left 15px
167
-
168
-@media (min-width: min-lg) and (max-width: max-lg)
169
-  .page
170
-    width 692px
171
-    &__contentpage__texteditor__simpletext
172
-      margin-left 15px
147
+        margin 0
173 148
 
174 149
 @media (min-width: min-md) and (max-width: max-md)
175
-  .page
176
-    width 768px
177
-    &__contentpage__texteditor__simpletext
178
-      margin-left 25px
150
+
151
+  .html-documents
152
+    top 68px
179 153
 
180 154
 @media (min-width: min-sm) and (max-width: max-sm)
181
-  .page
182
-    top 69px
183
-    width 576px
184
-    height calc(100% - 69px)
185
-    &__contentpage__texteditor__simpletext
186
-      margin-left 10px
155
+
156
+  .html-documents
157
+    top 68px
158
+    width 100%
187 159
 
188 160
 @media (max-width: max-xs)
189
-  .page
190
-    top 70px
191
-    height calc(100% - 70px)
161
+
162
+  .html-documents
163
+    top 68px
192 164
     width 100%
193
-    box-shadow none
194 165
     &__contentpage
195
-      display block
196
-      overflow-Y scroll
166
+      &__content
167
+        margin 10px
197 168
       &__textnote
198
-        margin-right 10px
199
-        width auto
200
-        overflow-Y hidden
201
-        font-size 15px
202
-      &__wrapper
203
-        width auto
204
-      &__messagelist
205
-        &__item
206
-          padding 0 35px 20px 30px
207
-        &__version
208
-          &__btn
209
-            font-size 17px
210
-            vertical-align middle
211
-          &__dateversion
212
-            font-size 15px
213
-      &__texteditor
214
-        &__simpletext
215
-          margin 10px 0
216
-          display flex
217
-          width 95%
218
-          margin-left 10px
219
-        &__submit
220
-          &__btn
221
-            display flex
222
-            margin 0 auto
223
-            &__icon
224
-              margin-left 10px
169
+        margin 0