From 0111cc2fdbe1785be52dda78c2fd18b7bc1b927a Mon Sep 17 00:00:00 2001 From: exoego Date: Mon, 25 Mar 2019 08:46:55 +0900 Subject: [PATCH] feat(dropdown): Add columnar menu variation so that more items can be glanced --- src/definitions/modules/dropdown.less | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index d4bb78bb1b..74752193ff 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -1146,6 +1146,27 @@ select.ui.dropdown { } } +/*-------------- + Columnar +---------------*/ +.ui.dropdown[class*="two column"] > .menu > .item { + display: inline-block; + width: 50%; +} +.ui.dropdown[class*="three column"] > .menu > .item { + display: inline-block; + width: 33%; +} +.ui.dropdown[class*="four column"] > .menu > .item { + display: inline-block; + width: 25%; +} +.ui.dropdown[class*="five column"] > .menu > .item { + display: inline-block; + width: 20%; +} + + /*-------------- Simple ---------------*/