|
|
|
@ -9,6 +9,16 @@ |
|
|
|
* |
|
|
|
*/ |
|
|
|
|
|
|
|
/******************************* |
|
|
|
Theme |
|
|
|
*******************************/ |
|
|
|
|
|
|
|
@type : 'module'; |
|
|
|
@element : 'dropdown'; |
|
|
|
|
|
|
|
@import '../../semantic.config'; |
|
|
|
|
|
|
|
|
|
|
|
/******************************* |
|
|
|
Dropdown |
|
|
|
*******************************/ |
|
|
|
@ -17,32 +27,11 @@ |
|
|
|
cursor: pointer; |
|
|
|
position: relative; |
|
|
|
display: inline-block; |
|
|
|
|
|
|
|
line-height: 1; |
|
|
|
|
|
|
|
-webkit-transition: |
|
|
|
border-radius 0.1s ease, |
|
|
|
width 0.2s ease |
|
|
|
; |
|
|
|
-moz-transition: |
|
|
|
border-radius 0.1s ease, |
|
|
|
width 0.2s ease |
|
|
|
; |
|
|
|
-o-transition: |
|
|
|
border-radius 0.1s ease, |
|
|
|
width 0.2s ease |
|
|
|
; |
|
|
|
-ms-transition: |
|
|
|
border-radius 0.1s ease, |
|
|
|
width 0.2s ease |
|
|
|
; |
|
|
|
transition: |
|
|
|
border-radius 0.1s ease, |
|
|
|
width 0.2s ease |
|
|
|
; |
|
|
|
|
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|
|
|
-moz-tap-highlight-color: rgba(0, 0, 0, 0); |
|
|
|
tap-highlight-color: rgba(0, 0, 0, 0); |
|
|
|
} |
|
|
|
|
|
|
|
@ -69,18 +58,8 @@ |
|
|
|
font-size: 0.875em; |
|
|
|
text-shadow: none; |
|
|
|
|
|
|
|
-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); |
|
|
|
-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); |
|
|
|
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); |
|
|
|
|
|
|
|
-moz-border-radius: 0px 0px 0.325em 0.325em; |
|
|
|
-webkit-border-radius: 0px 0px 0.325em 0.325em; |
|
|
|
border-radius: 0px 0px 0.325em 0.325em; |
|
|
|
|
|
|
|
-webkit-transition: opacity 0.2s ease; |
|
|
|
-moz-transition: opacity 0.2s ease; |
|
|
|
-o-transition: opacity 0.2s ease; |
|
|
|
-ms-transition: opacity 0.2s ease; |
|
|
|
transition: opacity 0.2s ease; |
|
|
|
z-index: 11; |
|
|
|
} |
|
|
|
@ -113,10 +92,6 @@ |
|
|
|
|
|
|
|
.ui.dropdown > .text { |
|
|
|
display: inline-block; |
|
|
|
-webkit-transition: color 0.2s ease; |
|
|
|
-moz-transition: color 0.2s ease; |
|
|
|
-o-transition: color 0.2s ease; |
|
|
|
-ms-transition: color 0.2s ease; |
|
|
|
transition: color 0.2s ease; |
|
|
|
} |
|
|
|
|
|
|
|
@ -218,8 +193,6 @@ |
|
|
|
border-left: none; |
|
|
|
background-color: rgba(0, 0, 0, 0.03); |
|
|
|
|
|
|
|
-webkit-box-shadow: none; |
|
|
|
-moz-shadow: none; |
|
|
|
box-shadow: none; |
|
|
|
z-index: 12; |
|
|
|
} |
|
|
|
@ -249,18 +222,15 @@ |
|
|
|
|
|
|
|
.ui.selection.dropdown.error { |
|
|
|
background-color: #FFFAFA; |
|
|
|
-webkit-box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important; |
|
|
|
box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.selection.dropdown.error:hover { |
|
|
|
-webkit-box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important; |
|
|
|
box-shadow: 0px 0px 0px 1px rgba(231, 190, 190, 1) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.dropdown.error > .menu, |
|
|
|
.ui.dropdown.error > .menu .menu { |
|
|
|
-webkit-box-shadow: 0px 0px 1px 1px #E7BEBE !important; |
|
|
|
box-shadow: 0px 0px 1px 1px #E7BEBE !important; |
|
|
|
} |
|
|
|
|
|
|
|
@ -300,10 +270,6 @@ |
|
|
|
opacity: 0; |
|
|
|
width: 0; |
|
|
|
height: 0; |
|
|
|
-webkit-transition: opacity 0.2s ease-out; |
|
|
|
-moz-transition: opacity 0.2s ease-out; |
|
|
|
-o-transition: opacity 0.2s ease-out; |
|
|
|
-ms-transition: opacity 0.2s ease-out; |
|
|
|
transition: opacity 0.2s ease-out; |
|
|
|
} |
|
|
|
|
|
|
|
@ -359,12 +325,8 @@ |
|
|
|
line-height: 1.33; |
|
|
|
color: rgba(0, 0, 0, 0.8); |
|
|
|
|
|
|
|
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important; |
|
|
|
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important; |
|
|
|
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) !important; |
|
|
|
|
|
|
|
-webkit-border-radius: 0.3125em !important; |
|
|
|
-moz-border-radius: 0.3125em !important; |
|
|
|
border-radius: 0.3125em !important; |
|
|
|
} |
|
|
|
.ui.selection.dropdown select { |
|
|
|
@ -374,20 +336,12 @@ |
|
|
|
opacity: 0.7; |
|
|
|
margin: 0.2em 0em 0.2em 1.25em; |
|
|
|
|
|
|
|
-webkit-transition: opacity 0.2s ease-out; |
|
|
|
-moz-transition: opacity 0.2s ease-out; |
|
|
|
-o-transition: opacity 0.2s ease-out; |
|
|
|
-ms-transition: opacity 0.2s ease-out; |
|
|
|
transition: opacity 0.2s ease-out; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.selection.dropdown, |
|
|
|
.ui.selection.dropdown .menu { |
|
|
|
top: 100%; |
|
|
|
-webkit-transition: box-shadow 0.2s ease-out; |
|
|
|
-moz-transition: box-shadow 0.2s ease-out; |
|
|
|
-o-transition: box-shadow 0.2s ease-out; |
|
|
|
-ms-transition: box-shadow 0.2s ease-out; |
|
|
|
transition: box-shadow 0.2s ease-out; |
|
|
|
} |
|
|
|
|
|
|
|
@ -397,12 +351,7 @@ |
|
|
|
overflow-x: hidden; |
|
|
|
overflow-y: auto; |
|
|
|
|
|
|
|
-webkit-box-shadow: 0px 1px 0px 1px #E0E0E0; |
|
|
|
-moz-box-shadow: 0px 1px 0px 1px #E0E0E0; |
|
|
|
box-shadow: 0px 1px 0px 1px #E0E0E0; |
|
|
|
|
|
|
|
-moz-border-radius: 0px 0px 0.325em 0.325em; |
|
|
|
-webkit-border-radius: 0px 0px 0.325em 0.325em; |
|
|
|
border-radius: 0px 0px 0.325em 0.325em; |
|
|
|
} |
|
|
|
.ui.selection.dropdown .menu:after, |
|
|
|
@ -418,13 +367,9 @@ |
|
|
|
|
|
|
|
/* Hover */ |
|
|
|
.ui.selection.dropdown:hover { |
|
|
|
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important; |
|
|
|
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important; |
|
|
|
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important; |
|
|
|
} |
|
|
|
.ui.selection.dropdown:hover .menu { |
|
|
|
-webkit-box-shadow: 0px 1px 0px 1px #D3D3D3; |
|
|
|
-moz-box-shadow: 0px 1px 0px 1px #D3D3D3; |
|
|
|
box-shadow: 0px 1px 0px 1px #D3D3D3; |
|
|
|
} |
|
|
|
.ui.selection.dropdown:hover > .dropdown.icon { |
|
|
|
@ -439,9 +384,6 @@ |
|
|
|
|
|
|
|
/* Active */ |
|
|
|
.ui.active.selection.dropdown { |
|
|
|
|
|
|
|
-webkit-border-radius: 0.3125em 0.3125em 0em 0em !important; |
|
|
|
-moz-border-radius: 0.3125em 0.3125em 0em 0em !important; |
|
|
|
border-radius: 0.3125em 0.3125em 0em 0em !important; |
|
|
|
} |
|
|
|
.ui.active.selection.dropdown > .dropdown.icon { |
|
|
|
@ -477,9 +419,6 @@ |
|
|
|
.ui.inline.dropdown .menu { |
|
|
|
cursor: auto; |
|
|
|
margin-top: 0.25em; |
|
|
|
|
|
|
|
-webkit-border-radius: 0.325em; |
|
|
|
-moz-border-radius: 0.325em; |
|
|
|
border-radius: 0.325em; |
|
|
|
} |
|
|
|
|
|
|
|
@ -497,9 +436,6 @@ |
|
|
|
0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset, |
|
|
|
0px 2px 5px 0px rgba(0, 0, 0, 0.15) |
|
|
|
; |
|
|
|
|
|
|
|
-webkit-border-radius: 0.325em; |
|
|
|
-moz-border-radius: 0.325em; |
|
|
|
border-radius: 0.325em; |
|
|
|
} |
|
|
|
|
|
|
|
@ -511,8 +447,6 @@ |
|
|
|
.ui.pointing.dropdown .menu { |
|
|
|
top: 100%; |
|
|
|
margin-top: 0.75em; |
|
|
|
-moz-border-radius: 0.325em; |
|
|
|
-webkit-border-radius: 0.325em; |
|
|
|
border-radius: 0.325em; |
|
|
|
} |
|
|
|
|
|
|
|
@ -526,24 +460,16 @@ |
|
|
|
width: 0.5em; |
|
|
|
height: 0.5em; |
|
|
|
|
|
|
|
-moz-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05); |
|
|
|
-webkit-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05); |
|
|
|
box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05); |
|
|
|
|
|
|
|
background-image: none; |
|
|
|
background-color: #FFFFFF; |
|
|
|
|
|
|
|
-webkit-transform: rotate(45deg); |
|
|
|
-moz-transform: rotate(45deg); |
|
|
|
transform: rotate(45deg); |
|
|
|
z-index: 2; |
|
|
|
} |
|
|
|
|
|
|
|
.ui.pointing.dropdown .menu .active.item:first-child { |
|
|
|
background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); |
|
|
|
background: transparent -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); |
|
|
|
background: transparent -o-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); |
|
|
|
background: transparent -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); |
|
|
|
background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.03)); |
|
|
|
} |
|
|
|
|
|
|
|
@ -566,8 +492,6 @@ |
|
|
|
left: 1.25em; |
|
|
|
right: auto; |
|
|
|
margin: 0em; |
|
|
|
-webkit-transform: rotate(45deg); |
|
|
|
-moz-transform: rotate(45deg); |
|
|
|
transform: rotate(45deg); |
|
|
|
} |
|
|
|
.ui.top.right.pointing.dropdown .menu { |
|
|
|
@ -582,8 +506,6 @@ |
|
|
|
left: auto; |
|
|
|
right: 1.25em; |
|
|
|
margin: 0em; |
|
|
|
-webkit-transform: rotate(45deg); |
|
|
|
-moz-transform: rotate(45deg); |
|
|
|
transform: rotate(45deg); |
|
|
|
} |
|
|
|
|
|
|
|
@ -597,9 +519,6 @@ |
|
|
|
top: 1em; |
|
|
|
left: -0.25em; |
|
|
|
margin: 0em 0em 0em 0em; |
|
|
|
|
|
|
|
-webkit-transform: rotate(-45deg); |
|
|
|
-moz-transform: rotate(-45deg); |
|
|
|
transform: rotate(-45deg); |
|
|
|
} |
|
|
|
|
|
|
|
@ -614,8 +533,7 @@ |
|
|
|
left: auto; |
|
|
|
right: -0.25em; |
|
|
|
margin: 0em 0em 0em 0em; |
|
|
|
|
|
|
|
-webkit-transform: rotate(135deg); |
|
|
|
-moz-transform: rotate(135deg); |
|
|
|
transform: rotate(135deg); |
|
|
|
} |
|
|
|
|
|
|
|
.loadUIOverrides(); |
jlukic
10 years ago