From a4f53562e2df7dc9edcce62f32c82509578b940a Mon Sep 17 00:00:00 2001 From: Silke Pisulla Date: Wed, 1 Mar 2017 13:51:23 +0100 Subject: [PATCH] SPR-758: Styling Detailseite - form reset button + buttonliste (extension manager) --- css/base_design.less | 41 ++++++++++++++++++++--------- css/plugins/extension__manager.less | 17 ++++++++++++ style.ini | 4 +-- 3 files changed, 48 insertions(+), 14 deletions(-) create mode 100644 css/plugins/extension__manager.less diff --git a/css/base_design.less b/css/base_design.less index 2b7f88e..428e88f 100755 --- a/css/base_design.less +++ b/css/base_design.less @@ -82,6 +82,14 @@ a { line-height: @line-height-default; padding-top: 1rem; + @media @screen_max-lg { + font-size: @font-size-default; + } + + @media @screen_max-md { + font-size: @font-size-small; + } + * { font-size: inherit; } @@ -468,6 +476,19 @@ form { display: inline; margin: 0; padding: 0; + + // multiline label + fieldset > label.block > span:first-child { + display: inline-block; + + @media @screen_min-lg { + width: 48.8%; + } + + @media @screen_max-lg { + width: 48.5%; + } + } } fieldset { @@ -598,6 +619,7 @@ button[type=submit], border: 1px solid @button_background; border-radius: @fix_border-radius; color: @button_color; + vertical-align: top; padding: .3em @grid; transition: @transition background-color, @transition color; @@ -609,10 +631,15 @@ button[type=submit], } } +button[type='reset'] { + padding: .3em 1rem; +} + input[type=submit], button[type=submit] { &[disabled] { cursor: default; + &:hover, &:active, &:focus { @@ -676,6 +703,7 @@ textarea[readonly] { font-weight: normal; padding: .3em @grid; transition: @transition background-color, @transition color; + &:hover, &:active, &:focus { @@ -686,20 +714,9 @@ textarea[readonly] { color: #333; } } + input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } -/* + + + + + + + + + + + + + + + + + + + + + + + + + + */ -/* media queries */ -@media @screen_max-lg { - .dokuwiki div.license { - font-size: @font-size-default; - } -} -@media @screen_max-md { - .dokuwiki div.license { - font-size: @font-size-small; - } -} diff --git a/css/plugins/extension__manager.less b/css/plugins/extension__manager.less new file mode 100644 index 0000000..d244221 --- /dev/null +++ b/css/plugins/extension__manager.less @@ -0,0 +1,17 @@ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ +/* all media */ +/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ + +.dokuwiki #extension__manager { + .actions { + font-size: 0; + + > button { + font-size: .92rem; + margin-left: .3rem; + padding-left: .3rem; + padding-right: .3rem; + } + } +} + diff --git a/style.ini b/style.ini index 40702f8..139ede2 100755 --- a/style.ini +++ b/style.ini @@ -53,8 +53,7 @@ css/base.less = all css/base_mixins.less = all -css/base_fontello-codes.less = all -css/base_fonts.less = all +css/base_fontello-icons.less = all css/base_structure.less = all css/base_design.less = all @@ -95,6 +94,7 @@ css/plugins/mediamanager.less = all css/plugins/tabinclude.less = all css/plugins/include.less = all css/plugins/edittable.less = all +css/plugins/extension__manager.less = all ; _____________ print styles _____________