From 5e1ee3a0a960b481c829907c0c9494971b625924 Mon Sep 17 00:00:00 2001 From: Zatalyz Date: Tue, 6 Oct 2020 08:40:16 +0200 Subject: [PATCH] =?UTF-8?q?Close=20#18=20:=20Correction=20du=20bug=20de=20?= =?UTF-8?q?marge=20sur=20la=20pr=C3=A9visualisation=20et=20nettoyage=20du?= =?UTF-8?q?=20code=20sur=20cette=20partie.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/_edit.less | 197 ++++++++++++++++++++++++++++++++++++++++++++++++ css/misc.less | 60 --------------- css/mobile.less | 1 + style.ini | 2 +- 4 files changed, 199 insertions(+), 61 deletions(-) create mode 100644 css/_edit.less diff --git a/css/_edit.less b/css/_edit.less new file mode 100644 index 0000000..de46585 --- /dev/null +++ b/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; +}*/ + diff --git a/css/misc.less b/css/misc.less index 38d328a..0954b9a 100644 --- a/css/misc.less +++ b/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 { diff --git a/css/mobile.less b/css/mobile.less index 22b1ad8..e1ce416 100644 --- a/css/mobile.less +++ b/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 */ diff --git a/style.ini b/style.ini index 6b74003..b5ddfae 100644 --- a/style.ini +++ b/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