diff options
Diffstat (limited to 'ecomp-portal-FE-common/client/app/styles/select2.less')
| -rw-r--r-- | ecomp-portal-FE-common/client/app/styles/select2.less | 230 |
1 files changed, 230 insertions, 0 deletions
diff --git a/ecomp-portal-FE-common/client/app/styles/select2.less b/ecomp-portal-FE-common/client/app/styles/select2.less new file mode 100644 index 00000000..835b3366 --- /dev/null +++ b/ecomp-portal-FE-common/client/app/styles/select2.less @@ -0,0 +1,230 @@ +.select2-drop { + //position: absolute; + border-radius: 0 0 2px 2px; + + outline: none; +} + +.select2-container { + margin-right: 8px; + + + .select2-choice { + border-color: @portalLGray; + border-radius: 2px; + background-image: none; + height: 32px; + width: 100%; + } + + &.select2-dropdown-open { + .select2-choice { + border-color: @portalBlue; + } + .select2-choice .select2-arrow b:after, + &.select2-container-disabled .select2-choice .select2-arrow b:after, + .select2-choice .select2-arrow b:after { + .arrow_up; + } + } + + .select2-choice .select2-arrow b:after, + &.select2-container-disabled .select2-choice .select2-arrow b:after, + .select2-choice .select2-arrow b:after { + .arrow_down; + height: 10px; + width: 10px; + top: 12px; + right: 10px; + content: ''; + } + .select2-chosen, .select2-container input { + line-height: 32px; + } +} + +.select2-results { + border-radius: 0 0 2px 2px; + margin: -13px 0 0 0; + .select2-result { + &:first-child { + margin-top: 14px; + } + &:hover { + background-color: @funcBkgGray; + } + } + + .select2-result-label { + outline: none; + } +} + +.select2-drop-above { + &.select2-drop { + border-radius: 2px 2px 0 0; + } + + &.select2-dropdown-open .select2-choice { + border-radius: 0 0 2px 2px !important; + background: @portalWhite; + } +} + +.select2-dropdown-open { + .select2-choice { + border-color: @portalLGray; + + .select2-arrow b:after { + + } + } +} + +.select2-drop-active { + border-color: @portalBlue; +} +//.select2-container { +// margin: 0; +// position: relative; +// display: block; +// .a14r; +// +// &.ng-invalid.ng-touched { +// .select2-choice { +// border: 1px solid @err; +// } +// } +// +// &.select2-container-active.ng-invalid.ng-touched { +// .select2-choice { +// border: 1px solid @c; +// } +// } +// +// .select2-choice { +// display: block; +// padding: 10px 0 6px 8px; +// overflow: hidden; +// position: relative; +// border: 1px solid @o; +// text-decoration: none; +// cursor: pointer; +// +// & > .select2-chosen { +// margin-right: 33px; +// display: block; +// overflow: hidden; +// white-space: nowrap; +// text-overflow: ellipsis; +// } +// +// .select2-arrow { +// display: inline-block; +// width: 33px; +// height: 100%; +// position: absolute; +// right: 0; +// top: 0; +// //border-left: 1px solid @s;; +// //border-radius: 0 4px 4px 0; +// display: flex; +// align-items: center; +// justify-content: center; +// +// b { +// display: block; +// //.spr_dropdown_arrow; //fix this +// } +// } +// } +// +// .select2-drop-active { +// border: 1px solid @c; +// border-top: none; +// position: absolute; +// top: 32px; +// left: 0; +// width: 100%; +// .bg_f; +// z-index: 100; +// } +// +// .select2-search { +// display: inline-block; +// width: 100%; +// min-height: 30px; +// margin: 0; +// padding-left: 4px; +// padding-right: 4px; +// position: relative; +// z-index: 10000; +// white-space: nowrap; +// +// input { +// width: 100%; +// height: auto !important; +// min-height: 26px; +// padding: 4px 20px 4px 5px; +// margin: 0; +// outline: 0; +// border: 1px solid @o; +// &:focus { +// border: 1px solid @o; +// } +// border-radius: 2px; +// box-shadow: none; +// } +// } +// +//} +///// +// +//.select2-container-active .select2-choice, +//.select2-container-active .select2-choices { +// border: 1px solid @c; +// outline: none; +// box-shadow: 0 0 5px rgba(0, 0, 0, .3); +//} +// +//.select2-dropdown-open { +// .select2-choice { +// border-bottom-color: transparent; +// box-shadow: 0 1px 0 #fff inset; +// border-bottom-left-radius: 0; +// border-bottom-right-radius: 0; +// +// .select2-arrow { +// background: transparent; +// border-left: none; +// filter: none; +// } +// } +// .select2-results { +// max-height: 200px; +// padding: 0 0 0 4px; +// margin: 4px 4px 4px 0; +// position: relative; +// overflow-x: hidden; +// overflow-y: auto; +// -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +// +// li.select2-result-with-children > .select2-result-label { +// font-weight: bold; +// } +// +// .select2-result-label { +// padding: 3px 7px 4px; +// margin: 0; +// cursor: pointer; +// } +// +// .select2-highlighted { +// background: @c; +// color: @f; +// } +// } +//} +//.select2-display-none { +// display: none; +//} |