summaryrefslogtreecommitdiffstats
path: root/ecomp-portal-FE-common/client/app/styles/select2.less
diff options
context:
space:
mode:
authorst782s <statta@research.att.com>2017-05-04 07:48:42 -0400
committerst782s <statta@research.att.com>2017-05-04 12:28:17 -0400
commitb54df0ddd0c6a0372327c5aa3668e5a6458fcd64 (patch)
treee69cfa9b314a801bd187cf0145d1d4306436229c /ecomp-portal-FE-common/client/app/styles/select2.less
parent39d1e62c84041831bfc52cca73b5ed5efaf57d27 (diff)
[PORTAL-7] Rebase
This rebasing includes common libraries and common overlays projects abstraction of components Change-Id: I9a24a338665c7cd058978e8636bc412d9e2fdce8 Signed-off-by: st782s <statta@research.att.com>
Diffstat (limited to 'ecomp-portal-FE-common/client/app/styles/select2.less')
-rw-r--r--ecomp-portal-FE-common/client/app/styles/select2.less230
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;
+//}