From 6b869089496bc671dedf6c1c24f9c5877e875195 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Thu, 20 Apr 2017 15:35:49 +0200 Subject: [PATCH 01/11] SPR-937: Alignment Sidebar --- css/area_main-sidebar-nav.less | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less index 34e2dac..e98e085 100755 --- a/css/area_main-sidebar-nav.less +++ b/css/area_main-sidebar-nav.less @@ -108,12 +108,20 @@ span.lbl { flex-grow: 1; + + // wordbreak to late in IE 10 + @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + width: 100%; + box-sizing: border-box; + padding-right: 13px; + } } span.ico { + .flex(0 0 auto); + width: @menu-margin; height: @icon-size; - flex-grow: 0; border-right: 1px solid @ini_nav_menu_color; text-align: center; margin-right: 4%; From 1dc51a98fd0c1b80ff6362a920d2f2885773e7b0 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 21 Apr 2017 10:43:13 +0200 Subject: [PATCH 02/11] SPR-908: check fix border-radius --- css/area_msg.less | 7 +++++-- css/base.less | 2 +- css/plugins/edit.less | 1 - css/plugins/edittable.less | 1 + css/plugins/struct.less | 2 ++ css/plugins/structstatus.less | 14 ++++++++++++++ 6 files changed, 23 insertions(+), 4 deletions(-) create mode 100644 css/plugins/structstatus.less diff --git a/css/area_msg.less b/css/area_msg.less index 205b7ab..6edc5c7 100644 --- a/css/area_msg.less +++ b/css/area_msg.less @@ -19,7 +19,10 @@ } /* short fix: SPR-891 - Icons für Notifications in Message Area werden gekachelt */ -div.success, div.error, div.info, div.notify { +div.success, +div.error, +div.info, +div.notify { background-repeat: no-repeat; background-position: 8px 50%; border: 1px solid #eeb; @@ -28,7 +31,7 @@ div.success, div.error, div.info, div.notify { padding: .4em; padding-left: 32px; overflow: hidden; - border-radius: 5px; + border-radius: @fix_border-radius; * { color: inherit; diff --git a/css/base.less b/css/base.less index 54d6f25..0055928 100755 --- a/css/base.less +++ b/css/base.less @@ -40,7 +40,7 @@ /* + + + for programmers customizing + + + */ -@fix_border-radius: 3px; +@fix_border-radius: 3px; // inputs, editbox (textarea), buttons, content, code, quicksearch, msg @toggle-showsidebar_width: 3.07rem; // shown sidebar after toggle diff --git a/css/plugins/edit.less b/css/plugins/edit.less index c4ff8b2..a07fe4a 100644 --- a/css/plugins/edit.less +++ b/css/plugins/edit.less @@ -22,7 +22,6 @@ div.editBox { background-color: #FFF; border: solid 2px #FFF; - border-radius: @ini_default_border_radius; .editButtons { display: inline-block; diff --git a/css/plugins/edittable.less b/css/plugins/edittable.less index 21cad08..8bcc048 100644 --- a/css/plugins/edittable.less +++ b/css/plugins/edittable.less @@ -19,6 +19,7 @@ background-color: @ini_background_content; border-top: solid 1px @ini_button_background; border-color: @ini_border; + border-radius: 0 0 @fix_border-radius @fix_border-radius; color: @ini_existing; font-size: @font-size-small; margin-top: 0; diff --git a/css/plugins/struct.less b/css/plugins/struct.less index 7bb1df7..61a694e 100755 --- a/css/plugins/struct.less +++ b/css/plugins/struct.less @@ -47,9 +47,11 @@ &.export { bottom: 1px; + overflow-x: hidden; background: transparent url("svg.php?svg=file-export.svg&f=existing") left center no-repeat; background-size: auto 20px; border: solid 1px @ini_border; + border-radius: 0 0 @fix_border-radius @fix_border-radius; color: @ini_existing; font-size: @font-size-small; line-height: 1; diff --git a/css/plugins/structstatus.less b/css/plugins/structstatus.less new file mode 100644 index 0000000..4dfb2cb --- /dev/null +++ b/css/plugins/structstatus.less @@ -0,0 +1,14 @@ +/** + * This file provides styles for structstatus plugin + */ + + +/* + + + + + global + + + + + */ + +#dokuwiki__content { + .struct_status { + border-color: @ini_border; + border-radius: @fix_border-radius; + font-size: @font-size-small; + } +} From 2a9c15f60e9f9cb0231e8ef77179135981899b86 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 21 Apr 2017 10:44:23 +0200 Subject: [PATCH 03/11] SPR-908: qs old data plugin (edit button for table) --- css/plugins/data.less | 50 +++++++++++++++++++++++++++++++++++++++++++ style.ini | 3 +++ 2 files changed, 53 insertions(+) create mode 100644 css/plugins/data.less diff --git a/css/plugins/data.less b/css/plugins/data.less new file mode 100644 index 0000000..08b4f11 --- /dev/null +++ b/css/plugins/data.less @@ -0,0 +1,50 @@ +/** + * This file provides styles for old data plugin + * after importing struct data this can be deleted + */ + + +/* + + + + + global + + + + + */ + +#dokuwiki__content { + .dataplugin_entry.mitarbeiter.sectionedit2 { + dl { + margin-left: 0; + margin-right: 0; + } + + + .secedit.editbutton_plugin_data { + position: relative; + top: -1em; // as margin after DL + float: left; + font-size: @font-size-small; // for right position + margin-top: 0; + + form { + button { + min-height: 1rem; + height: 1.8em; + background-color: @ini_background_content; + border-top: solid 1px @ini_button_background; + border-color: @ini_border; + border-radius: 0 0 @fix_border-radius @fix_border-radius; + color: @ini_existing; + font-size: @font-size-small; + line-height: 1.8em; + margin-top: -1px; // for right position + margin-left: .6em; + padding: 0 .3em; + transition: @transition background-color, @transition border-color, @transition color; + + &:hover, + &:focus, + &:active { + background-color: @ini_existing; + border-color: @ini_existing; + color: @ini_background_content; + } + } + } + } + } +} diff --git a/style.ini b/style.ini index e65c476..ae34fc3 100755 --- a/style.ini +++ b/style.ini @@ -94,6 +94,7 @@ css/plugins/magic-matcher.less = all css/plugins/do_tasks.less = all css/plugins/qc.less = all css/plugins/struct.less = all +css/plugins/structstatus.less = all css/plugins/bureaucracy.less = all css/plugins/highlight_parent.less = all css/plugins/edit.less = all @@ -106,6 +107,8 @@ css/plugins/extension__manager.less = all css/plugins/folded.less = all css/plugins/configmanager.less = all +css/plugins/data.less = all + ; _____________ print styles _____________ From cd7d0dbfee043d61806da0d00e2617b953defd29 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 21 Apr 2017 12:17:53 +0200 Subject: [PATCH 04/11] SPR-942: sublist less indent --- css/area_main-sidebar-content.less | 4 +--- ...area_sidebar-search.less => area_main-sidebar-search.less} | 4 ++++ css/area_nav-usertools.less | 4 ++-- css/base.less | 3 ++- style.ini | 2 +- 5 files changed, 10 insertions(+), 7 deletions(-) rename css/{area_sidebar-search.less => area_main-sidebar-search.less} (98%) mode change 100755 => 100644 diff --git a/css/area_main-sidebar-content.less b/css/area_main-sidebar-content.less index fb02fbe..d30d5d4 100644 --- a/css/area_main-sidebar-content.less +++ b/css/area_main-sidebar-content.less @@ -4,11 +4,9 @@ #dokuwiki__aside { - - // do not indent the first level of lists - // and use less indention in deeper levels ul, ol { + margin-left: -.4rem; padding-left: 0; ul, diff --git a/css/area_sidebar-search.less b/css/area_main-sidebar-search.less old mode 100755 new mode 100644 similarity index 98% rename from css/area_sidebar-search.less rename to css/area_main-sidebar-search.less index dc7eedc..0046aa6 --- a/css/area_sidebar-search.less +++ b/css/area_main-sidebar-search.less @@ -9,6 +9,10 @@ @icon-size: @page-header_height; @icon-search_font-size: @font-size-big; + @media @screen_md-lg { + margin-left: -1rem; + } + p.toggleSearch a, button[type="submit"] { .fontello(); diff --git a/css/area_nav-usertools.less b/css/area_nav-usertools.less index d7c942f..70d07c2 100755 --- a/css/area_nav-usertools.less +++ b/css/area_nav-usertools.less @@ -36,7 +36,7 @@ text-align: center; margin: 0; - @media @screen_only-lg { + @media @screen_md-xlg { padding-top: .14rem; } @@ -237,7 +237,7 @@ line-height: 1; text-decoration: none; - @media @screen_only-lg { + @media @screen_md-xlg { min-width: 2rem; } diff --git a/css/base.less b/css/base.less index 0055928..ce9e7df 100755 --- a/css/base.less +++ b/css/base.less @@ -152,8 +152,9 @@ @screen_max-xxlg: ~"only screen and (max-width: " ~"@{break-max-xxlg}px)"; @screen_only-md: ~"only screen and (min-width: 800px) and (max-width: " ~"@{break-max-md}px)"; -@screen_only-lg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-xlg}px)"; @screen_only-xlg: ~"only screen and (min-width: " ~"@{break-min-xlg}px) and (max-width: " ~"@{break-max-xxlg}px)"; +@screen_md-xlg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-xlg}px)"; +@screen_md-lg: ~"only screen and (min-width: " ~"@{break-min-md}px) and (max-width: " ~"@{break-max-lg}px)"; @screen_xs-lg: ~"only screen and (min-width: " ~"@{break-min-xs}px) and (max-width: " ~"@{break-max-md}px)"; diff --git a/style.ini b/style.ini index ae34fc3..4518b61 100755 --- a/style.ini +++ b/style.ini @@ -68,10 +68,10 @@ css/area_nav-direct.less = all css/area_nav-breadcrumb.less = all css/area_nav-page-attributes.less = all css/area_nav-usertools.less = all -css/area_sidebar-search.less = all css/area_nav-pagetools.less = all css/area_nav-metabox.less = all css/area_main-sidebar-nav.less = all +css/area_main-sidebar-search.less = all css/area_main-sidebar-content.less = all css/area_main-content.less = all css/area_main-content-secedit.less = all From 18dbbcce7db7b2fb51fc749599b44e7dc74c295f Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 21 Apr 2017 12:35:03 +0200 Subject: [PATCH 05/11] SPR-942: sublist alignment in sidebar; SPR-953: nav active --- css/area_main-sidebar-nav.less | 29 ++++++++++++++++++++++++----- 1 file changed, 24 insertions(+), 5 deletions(-) diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less index e98e085..f6af9e2 100755 --- a/css/area_main-sidebar-nav.less +++ b/css/area_main-sidebar-nav.less @@ -8,7 +8,8 @@ #dokuwiki__aside { @icon-size: @font-size-big; - @menu-margin: @icon-size + @margin-small*2; // FIXME this is still wrong + @menu-margin: @icon-size + @margin-small * 2; // FIXME this is still wrong + @menu-margin-lg: 1.3rem; nav > p, .mmissuelist li, @@ -37,6 +38,11 @@ margin-left: 0; } } + + li:not([class]), + .li { + padding: .15em 0; + } } @@ -70,6 +76,10 @@ > * { margin-left: @menu-margin; // moves *all* sidebar content to the right + + @media @screen_md-lg { + margin-left: @menu-margin-lg; + } } a { @@ -97,9 +107,13 @@ color: @ini_nav_menu_color; font-size: @font-size-head6; font-weight: normal; - margin: -1px 0 (@font-size-head6 / 2) (@menu-margin * -1); // moves the toggles back to the left + margin: -1px 0 (@font-size-head6 / 2) -(@menu-margin); // moves the toggles back to the left transition: @transition color, @transition background-color, @transition border-color; + @media @screen_md-lg { + margin-left: -(@menu-margin-lg + 1); + } + span { display: inline-block; vertical-align: middle; @@ -180,7 +194,14 @@ } } - // the panel (hidden by default) + +/* + + + + + active + + + + + */ + span.curid a { + font-weight: bold; + } + + +/* + + + + + the panel (hidden by default) + + + + + */ div.nav-panel { display: none; margin-top: .5rem; @@ -233,7 +254,6 @@ li:not([class]), .li { font-size: @font-size-head6; - padding: .15em 0; * { font-size: inherit; @@ -302,7 +322,6 @@ li:not([class]), .li { font-size: @font-size-default; - padding: .15em 0 .15em .25rem; * { font-size: inherit; From cb7a1be6cf5d470f3e8377cbb760e32774ec147a Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 21 Apr 2017 13:14:18 +0200 Subject: [PATCH 06/11] SPR-942: sublist less indent; SPR-945: min-width for quicksearch --- css/area_main-sidebar-content.less | 6 +++++- css/area_main-sidebar-nav.less | 9 ++++----- css/area_main-sidebar-search.less | 5 ++++- css/base.less | 2 ++ css/base_structure.less | 2 +- 5 files changed, 16 insertions(+), 8 deletions(-) diff --git a/css/area_main-sidebar-content.less b/css/area_main-sidebar-content.less index d30d5d4..94cfa27 100644 --- a/css/area_main-sidebar-content.less +++ b/css/area_main-sidebar-content.less @@ -11,7 +11,11 @@ ul, ol { - padding-left: @margin-small; + padding-left: 1.8rem; + + @media @screen_md-lg { + padding-left: @menu-margin-lg; + } li { margin-left: 0; diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less index f6af9e2..4d52064 100755 --- a/css/area_main-sidebar-nav.less +++ b/css/area_main-sidebar-nav.less @@ -8,8 +8,7 @@ #dokuwiki__aside { @icon-size: @font-size-big; - @menu-margin: @icon-size + @margin-small * 2; // FIXME this is still wrong - @menu-margin-lg: 1.3rem; + @menu-margin: @icon-size + @margin-small * 2; nav > p, .mmissuelist li, @@ -100,18 +99,18 @@ .align-items(); cursor: pointer; - height: @icon-size + @margin-small; + min-height: @icon-size + @margin-small; opacity: 1; border: 1px solid transparent; border-radius: @fix_border-radius; color: @ini_nav_menu_color; font-size: @font-size-head6; font-weight: normal; - margin: -1px 0 (@font-size-head6 / 2) -(@menu-margin); // moves the toggles back to the left + margin: -1px 0 (@font-size-head6 / 2) -(@menu-margin - .4); // moves the toggles back to the left (.4 from li margin) transition: @transition color, @transition background-color, @transition border-color; @media @screen_md-lg { - margin-left: -(@menu-margin-lg + 1); + margin-left: -(@menu-margin-lg + .8); } span { diff --git a/css/area_main-sidebar-search.less b/css/area_main-sidebar-search.less index 0046aa6..eeef1b3 100644 --- a/css/area_main-sidebar-search.less +++ b/css/area_main-sidebar-search.less @@ -10,7 +10,7 @@ @icon-search_font-size: @font-size-big; @media @screen_md-lg { - margin-left: -1rem; + margin-left: -(@menu-margin-lg); } p.toggleSearch a, @@ -169,10 +169,13 @@ } } + +/* + + + + + suggestionlist + + + + + */ #qsearch__out { left: auto; top: auto; width: 100%; + min-width: 20rem; } } diff --git a/css/base.less b/css/base.less index ce9e7df..4b8c3b9 100755 --- a/css/base.less +++ b/css/base.less @@ -62,6 +62,8 @@ /* navigation left */ +@menu-margin-lg: 1.3rem; + @quicksearch-button-color: @noopentasks-color; /* autosuggest, submit in quicksearch */ @suggestion-zebra: #EEE; diff --git a/css/base_structure.less b/css/base_structure.less index 83957ce..f86e2f8 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -74,7 +74,7 @@ } .tools .row > .col-xs-12 { - z-index: 1; + z-index: 5; // SPR-945 sometimes too small space for suggestionlist } .header .row > .col-xs-12 { From 336aca62d79985e9a862df3df3b63165c006f7cb Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 21 Apr 2017 13:17:36 +0200 Subject: [PATCH 07/11] SPR-945: min-width for quicksearch qs wide-screen --- css/base_structure.less | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/css/base_structure.less b/css/base_structure.less index f86e2f8..e15fd2f 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -77,6 +77,10 @@ z-index: 5; // SPR-945 sometimes too small space for suggestionlist } + .wide-content .tools .row > .col-xs-12 { + z-index: 1; + } + .header .row > .col-xs-12 { z-index: 2; } From d765b290bee21408c212abcff2fcf9278272569b Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 21 Apr 2017 13:24:28 +0200 Subject: [PATCH 08/11] SPR-945: min-width for quicksearch qs wide-screen --- css/base_structure.less | 3 +++ 1 file changed, 3 insertions(+) diff --git a/css/base_structure.less b/css/base_structure.less index e15fd2f..0420c65 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -73,6 +73,8 @@ z-index: 900; } +/* if z-index is needed for .tools col, then use this: + .tools .row > .col-xs-12 { z-index: 5; // SPR-945 sometimes too small space for suggestionlist } @@ -80,6 +82,7 @@ .wide-content .tools .row > .col-xs-12 { z-index: 1; } +*/ .header .row > .col-xs-12 { z-index: 2; From 70483b33aa442d4bb6f105c26475442b57ef57b4 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 21 Apr 2017 14:42:18 +0200 Subject: [PATCH 09/11] SPR-945: min-width for quicksearch qs wide-screen --- css/area_main-sidebar-nav.less | 9 +++++++++ css/base_structure.less | 12 ++++++++++++ 2 files changed, 21 insertions(+) diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less index 4d52064..191d5ae 100755 --- a/css/area_main-sidebar-nav.less +++ b/css/area_main-sidebar-nav.less @@ -193,6 +193,15 @@ } } + // without wrapping UL + nav > a.nav { + margin-left: -3.5rem; + + @media @screen_md-lg { + margin-left: -2.5rem; + } + } + /* + + + + + active + + + + + */ span.curid a { diff --git a/css/base_structure.less b/css/base_structure.less index 0420c65..a2dfedd 100755 --- a/css/base_structure.less +++ b/css/base_structure.less @@ -177,6 +177,18 @@ } } + +@media @screen_md-lg { + .wide-content.showSidebar { + .content { + .row > .col-xs-12 { + margin-left: 2.1rem; + } + } + } +} + + @media @screen_max-md { .container { margin: 0 1.25rem; From fd02700e79e2fdb77f8a890d6cf45fd1210866ac Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Fri, 21 Apr 2017 14:56:03 +0200 Subject: [PATCH 10/11] SPR-945: min-width for quicksearch qs wide-screen --- css/plugins/magic-matcher.less | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/css/plugins/magic-matcher.less b/css/plugins/magic-matcher.less index 9df6b82..c7b22ab 100755 --- a/css/plugins/magic-matcher.less +++ b/css/plugins/magic-matcher.less @@ -12,6 +12,12 @@ left: 0; width: 100%; + .container { + @media @screen_md-lg { + margin-left: 1.8rem; + } + } + #mm__issueselect_chosen { max-width: 50%; } From 69b92e93cfb6427fec2bf1d178ced14b0de44d08 Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Mon, 24 Apr 2017 15:12:35 +0200 Subject: [PATCH 11/11] SPR-937: comment --- css/area_main-sidebar-nav.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/area_main-sidebar-nav.less b/css/area_main-sidebar-nav.less index 191d5ae..61fd70d 100755 --- a/css/area_main-sidebar-nav.less +++ b/css/area_main-sidebar-nav.less @@ -122,7 +122,7 @@ span.lbl { flex-grow: 1; - // wordbreak to late in IE 10 + // wordbreak too late in IE 10 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { width: 100%; box-sizing: border-box;