From c9c960d86a9d39cbe35ed2ba292196d29e07cdd1 Mon Sep 17 00:00:00 2001 From: Thomas Gelf Date: Wed, 28 Oct 2015 22:22:44 +0100 Subject: [PATCH] css: fieldset legends, should become collapsible --- public/css/module.less | 37 +++++++++++++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) diff --git a/public/css/module.less b/public/css/module.less index 2f8ddafc..0d4d5609 100644 --- a/public/css/module.less +++ b/public/css/module.less @@ -159,6 +159,43 @@ ul.main-actions { } } +fieldset { + legend { + padding-left: 1em; + cursor: pointer; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + + &:hover { + border-style: dotted; + } + + &::before { + // icon: down-dir + font-family: 'ifont'; + content: '\e81d'; + margin-left: -1em; + padding-top: 0.25em; + float: left; + color: inherit; + } + } + + &.collapsed { + dd, dt { + display: none; + } + + legend::before { + // icon: right-dir + content: '\e820'; + } + + } +} + /* BEGIN Forms */ form dt label { width: auto;