Close #18 : Correction du bug de marge sur la prévisualisation et nettoyage du code sur cette partie.

css/_edit.less

@@ -0,0 +1,197 @@
+/**
+ * This file provides styles for the edit view (?do=edit), preview
+ * and section edit buttons.
+ */
+
+/* edit view
+********************************************************************/
+
+.dokuwiki div.editBox {
+}
+
+/*____________ toolbar ____________*/
+
+
+#draft__status {
+    float: right;
+    color: @ini_text_alt;
+    background-color: inherit;
+}
+[dir=rtl] #draft__status {
+    float: left;
+}
+#tool__bar {
+    float: left;
+}
+[dir=rtl] #tool__bar {
+    float: right;
+}
+
+/* buttons inside of toolbar */
+.dokuwiki div.toolbar button.toolbutton {
+}
+
+.dokuwiki div.toolbar {
+	margin-bottom: .5em;
+
+    button.toolbutton {
+        border-radius: 0;
+        border-left-width: 0;
+        padding: .1em .35em;
+    }
+
+    button.toolbutton:first-child {
+        border-top-left-radius: 4px;
+        border-bottom-left-radius: 4px;
+        border-left-width: 1px;
+    }
+
+    button.toolbutton:last-child {
+        border-top-right-radius: 4px;
+        border-bottom-right-radius: 4px;
+    }
+}
+
+[dir=rtl] .dokuwiki div.toolbar {
+    button.toolbutton:last-child {
+        border-top-left-radius: 4px;
+        border-bottom-left-radius: 4px;
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        border-left-width: 1px;
+    }
+
+    button.toolbutton:first-child {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        border-top-right-radius: 4px;
+        border-bottom-right-radius: 4px;
+        border-left-width: 0;
+        border-right-width: 1px;
+    }
+}
+/* picker popups (outside of .dokuwiki) */
+div.picker {
+    width: 300px;
+    border: 1px solid @ini_border;
+    background-color: @ini_neutral4;
+    color: inherit;
+}
+/* picker for headlines */
+div.picker.pk_hl {
+    width: auto;
+}
+
+/* buttons inside of picker */
+div.picker button.pickerbutton,
+div.picker button.toolbutton {
+    padding: .1em .35em;
+    border-width: 0;
+}
+
+/*____________ edit textarea ____________*/
+
+#wiki__text {
+    width: 100% !important;
+    margin-bottom: .5em;
+	min-height: 70vh;
+}
+
+.dokuwiki textarea.edit {
+    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
+}
+
+/*____________ below the textarea ____________*/
+
+.dokuwiki div.editBar {
+    overflow: hidden;
+    margin-bottom: .5em;
+}
+
+/* size and wrap controls */
+#size__ctl {
+    float: right;
+}
+[dir=rtl] #size__ctl {
+    float: left;
+}
+#size__ctl img {
+    cursor: pointer;
+}
+
+/* edit buttons */
+.dokuwiki .editBar .editButtons {
+    display: inline;
+    margin-right: 1em;
+}
+[dir=rtl] .dokuwiki .editBar .editButtons {
+    margin-right: 0;
+    margin-left: 1em;
+}
+.dokuwiki .editBar .editButtons button {
+}
+
+/* summary input and minor changes checkbox */
+.dokuwiki .editBar .summary {
+    display: inline;
+}
+.dokuwiki .editBar .summary label {
+    vertical-align: middle;
+    white-space: nowrap;
+}
+.dokuwiki .editBar .summary label span {
+    vertical-align: middle;
+}
+.dokuwiki .editBar .summary input {
+}
+/* change background colour if summary is missing */
+.dokuwiki .editBar .summary input.missing {
+    color: @ini_text;
+    background-color: #ffcccc;
+}
+
+/* preview
+********************************************************************/
+
+.dokuwiki div.preview {
+    border: dotted @ini_border;
+    border-width: .2em 0;
+    padding: 1.4em 0;
+	margin: 0 -2em;
+    padding: 0 2em;
+	width: 80vw;
+	display: block;
+}
+
+.dokuwiki div.preview div.pad {
+    padding: 1.556em 0 2em;
+}
+
+/* section edit buttons
+********************************************************************/
+
+.dokuwiki .secedit {
+    float: right;
+    margin-top: -1.4em;
+}
+[dir=rtl] .dokuwiki .secedit {
+    float: left;
+}
+.dokuwiki .secedit button {
+    font-size: 75%;
+}
+
+/* style for section highlighting */
+.dokuwiki div.section_highlight {
+    margin: 0 -1em; /* negative side margin = side padding + side border */
+    padding: 0 .5em;
+    border: solid @ini_background_alt;
+    border-width: 0 .5em;
+}
+/*
+.dokuwiki div.section_highlight {
+    margin: 0 -2em;
+    padding: 0 1em;
+    border-width: 0 1em;
+}*/
+

css/misc.less

@@ -258,66 +258,6 @@ div.dokuwiki table.ul th, div.dokuwiki table.ul td {
     font-weight: bold;
 }
 
-/*____________ changes to _edit ____________*/
-
-.dokuwiki div.toolbar {
-    button.toolbutton {
-        border-radius: 0;
-        border-left-width: 0;
-        padding: .1em .35em;
-    }
-
-    button.toolbutton:first-child {
-        border-top-left-radius: 4px;
-        border-bottom-left-radius: 4px;
-        border-left-width: 1px;
-    }
-
-    button.toolbutton:last-child {
-        border-top-right-radius: 4px;
-        border-bottom-right-radius: 4px;
-    }
-}
-
-[dir=rtl] .dokuwiki div.toolbar {
-    button.toolbutton:last-child {
-        border-top-left-radius: 4px;
-        border-bottom-left-radius: 4px;
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-        border-left-width: 1px;
-    }
-
-    button.toolbutton:first-child {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-        border-top-right-radius: 4px;
-        border-bottom-right-radius: 4px;
-        border-left-width: 0;
-        border-right-width: 1px;
-    }
-}
-
-.dokuwiki div.section_highlight {
-    margin: 0 -2em;
-    padding: 0 1em;
-    border-width: 0 1em;
-}
-
-.dokuwiki textarea.edit {
-    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Bitstream Vera Sans Mono", "Nimbus Mono L", Monaco, "Courier New", monospace;
-}
-
-.dokuwiki div.preview {
-    margin: 0 -2em;
-    padding: 0 2em;
-}
-
-.dokuwiki div.preview div.pad {
-    padding: 1.556em 0 2em;
-}
-
-
 /*____________ changes to _imgdetail ____________*/
 
 #dokuwiki__detail {

css/mobile.less

@@ -234,6 +234,7 @@ tbody tr td ul, tbody tr td ul li {
 .dokuwiki div.preview {
     margin: 0 -.5em;
     padding: .5em;
+	width: initial;
 }
 
 /* to top */

style.ini

@@ -26,7 +26,7 @@ css/_footnotes.css        = screen
 css/_search.css           = screen
 css/_recent.css           = screen
 css/_diff.css             = screen
-css/_edit.css             = screen
+css/_edit.less             = screen
 css/_modal.css            = screen
 css/_forms.css            = screen
 css/_admin.less           = screen