From 43e56f6d7b02d280f8851bdccfdf729441604c72 Mon Sep 17 00:00:00 2001 From: Pierrick Prudhomme Date: Fri, 6 Jul 2018 10:10:40 +0200 Subject: [PATCH 1/3] Implements dropdown different sizes (standalone and in forms) --- src/definitions/collections/form.less | 52 +++++++++++++++++++++++++ src/definitions/modules/dropdown.less | 56 +++++++++++++++++++++++++++ 2 files changed, 108 insertions(+) diff --git a/src/definitions/collections/form.less b/src/definitions/collections/form.less index 6839e9a083..fee0ac8c28 100755 --- a/src/definitions/collections/form.less +++ b/src/definitions/collections/form.less @@ -1050,4 +1050,56 @@ font-size: @massive; } +/* Dropdown */ +.ui.mini.form .field .dropdown { + font-size: @mini; +} +.ui.tiny.form .field .dropdown { + font-size: @tiny; +} +.ui.small.form .field .dropdown { + font-size: @small; +} +.ui.form .field .dropdown { + font-size: @medium; +} +.ui.large.form .field .dropdown { + font-size: @large; +} +.ui.big.form .field .dropdown { + font-size: @big; +} +.ui.huge.form .field .dropdown { + font-size: @huge; +} +.ui.massive.form .field .dropdown { + font-size: @massive; +} + +/* Dropdown Items */ +.ui.mini.form .field .dropdown .menu > .item { + font-size: @mini; +} +.ui.tiny.form .field .dropdown .menu > .item { + font-size: @tiny; +} +.ui.small.form .field .dropdown .menu > .item { + font-size: @small; +} +.ui.form .field .dropdown .menu > .item { + font-size: @medium; +} +.ui.large.form .field .dropdown .menu > .item { + font-size: @large; +} +.ui.big.form .field .dropdown .menu > .item { + font-size: @big; +} +.ui.huge.form .field .dropdown .menu > .item { + font-size: @huge; +} +.ui.massive.form .field .dropdown .menu > .item { + font-size: @massive; +} + .loadUIOverrides(); diff --git a/src/definitions/modules/dropdown.less b/src/definitions/modules/dropdown.less index ee81f3dd4b..8150830fa4 100755 --- a/src/definitions/modules/dropdown.less +++ b/src/definitions/modules/dropdown.less @@ -1407,4 +1407,60 @@ select.ui.dropdown { box-shadow: @pointingArrowBoxShadow; } +/*-------------------- + Sizes +---------------------*/ + +/* Dropdown Size */ +.ui.mini.dropdown { + font-size: @mini; +} +.ui.tiny.dropdown { + font-size: @tiny; +} +.ui.small.dropdown { + font-size: @small; +} +.ui.dropdown { + font-size: @medium; +} +.ui.large.dropdown { + font-size: @large; +} +.ui.big.dropdown { + font-size: @big; +} +.ui.huge.dropdown { + font-size: @huge; +} +.ui.massive.dropdown { + font-size: @massive; +} + +/* Dropdown Item Size */ +.ui.mini.dropdown .menu > .item { + font-size: @mini; +} +.ui.tiny.dropdown .menu > .item { + font-size: @tiny; +} +.ui.small.dropdown .menu > .item { + font-size: @small; +} +.ui.dropdown .menu > .item { + font-size: @medium; +} +.ui.large.dropdown .menu > .item { + font-size: @large; +} +.ui.big.dropdown .menu > .item { + font-size: @big; +} +.ui.huge.dropdown .menu > .item { + font-size: @huge; +} +.ui.massive.dropdown .menu > .item { + font-size: @massive; +} + .loadUIOverrides(); From ecf9cfdfb2d345728ca2b8fc5fde951419cd3b9f Mon Sep 17 00:00:00 2001 From: Pierrick Prudhomme Date: Fri, 27 Jul 2018 10:33:29 +0200 Subject: [PATCH 2/3] Add sized menu coupled dropdowns --- src/definitions/collections/menu.less | 42 +++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) diff --git a/src/definitions/collections/menu.less b/src/definitions/collections/menu.less index 10ae94fc86..b62b98650d 100755 --- a/src/definitions/collections/menu.less +++ b/src/definitions/collections/menu.less @@ -1921,6 +1921,12 @@ Floated Menu / Item .ui.mini.vertical.menu { width: @miniWidth; } +.ui.mini.menu .dropdown { + font-size: @mini; +} +.ui.mini.menu .dropdown .menu > .item{ + font-size: @mini; +} /* Tiny */ .ui.tiny.menu { @@ -1929,6 +1935,12 @@ Floated Menu / Item .ui.tiny.vertical.menu { width: @tinyWidth; } +.ui.tiny.menu .dropdown { + font-size: @tiny; +} +.ui.tiny.menu .dropdown .menu > .item{ + font-size: @tiny; +} /* Small */ .ui.small.menu { @@ -1937,6 +1949,12 @@ Floated Menu / Item .ui.small.vertical.menu { width: @smallWidth; } +.ui.small.menu .dropdown { + font-size: @small; +} +.ui.small.menu .dropdown .menu > .item{ + font-size: @small; +} /* Medium */ .ui.menu { @@ -1953,6 +1971,12 @@ Floated Menu / Item .ui.large.vertical.menu { width: @largeWidth; } +.ui.large.menu .dropdown { + font-size: @large; +} +.ui.large.menu .dropdown .menu > .item{ + font-size: @large; +} /* Huge */ .ui.huge.menu { @@ -1961,6 +1985,12 @@ Floated Menu / Item .ui.huge.vertical.menu { width: @hugeWidth; } +.ui.huge.menu .dropdown { + font-size: @huge; +} +.ui.huge.menu .dropdown .menu > .item{ + font-size: @huge; +} /* Big */ .ui.big.menu { @@ -1969,6 +1999,12 @@ Floated Menu / Item .ui.big.vertical.menu { width: @bigWidth; } +.ui.big.menu .dropdown { + font-size: @big; +} +.ui.big.menu .dropdown .menu > .item{ + font-size: @big; +} /* Massive */ .ui.massive.menu { @@ -1977,5 +2013,11 @@ Floated Menu / Item .ui.massive.vertical.menu { width: @massiveWidth; } +.ui.massive.menu .dropdown { + font-size: @massive; +} +.ui.massive.menu .dropdown .menu > .item{ + font-size: @massive; +} .loadUIOverrides(); From ffb826f1429c547aeabe7de28491e804bd18f248 Mon Sep 17 00:00:00 2001 From: Pierrick Prudhomme Date: Fri, 27 Jul 2018 11:01:26 +0200 Subject: [PATCH 3/3] Add sized buttons group coupled dropdowns --- src/definitions/elements/button.less | 44 ++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) diff --git a/src/definitions/elements/button.less b/src/definitions/elements/button.less index fbb5fe12ae..218035e9aa 100755 --- a/src/definitions/elements/button.less +++ b/src/definitions/elements/button.less @@ -682,6 +682,50 @@ font-size: @massive; } +/* Dropdown coupled buttons sizes */ +.ui.mini.buttons .dropdown { + font-size: @mini; +} +.ui.mini.buttons .dropdown .menu > .item { + font-size: @mini; +} +.ui.tiny.buttons .dropdown { + font-size: @tiny; +} +.ui.tiny.buttons .dropdown .menu > .item { + font-size: @tiny; +} +.ui.small.buttons .dropdown { + font-size: @small; +} +.ui.small.buttons .dropdown .menu > .item { + font-size: @small; +} +.ui.large.buttons .dropdown { + font-size: @large; +} +.ui.large.buttons .dropdown .menu > .item { + font-size: @large; +} +.ui.big.buttons .dropdown { + font-size: @big; +} +.ui.big.buttons .dropdown .menu > .item { + font-size: @big; +} +.ui.huge.buttons .dropdown { + font-size: @huge; +} +.ui.huge.buttons .dropdown .menu > .item { + font-size: @huge; +} +.ui.massive.buttons .dropdown { + font-size: @massive; +} +.ui.massive.buttons .dropdown .menu > .item { + font-size: @massive; +} + /*-------------- Icon Only ---------------*/