Khaganat-web/khum1
Khaganat-web/khum1
1
0
Fork 0
Code Issues 8 Pull requests Packages Projects Releases 1 Wiki Activity

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

Browse source
This commit is contained in:
Zatalyz 2020-10-06 08:40:16 +02:00
parent 4ec26cd3a0
commit 5e1ee3a0a9
4 changed files with 199 additions and 61 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

197
css/_edit.less Normal file
View file

@ -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;
}*/

60
css/misc.less
View file

@ -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 {

1
css/mobile.less
View file

@ -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 */

2
style.ini
View file

@ -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