From b9708a7c3cfaf5767992a2b15180e7b85c459242 Mon Sep 17 00:00:00 2001 From: "Eran (ev672n), Vosk" Date: Tue, 7 Aug 2018 14:15:05 +0300 Subject: adding the dcae dt code Adding DCAE-dt code Change-Id: Id6b779db9d24e10825fb97ad5fd46f41e65e6738 Issue-ID: SDC-1614 Signed-off-by: Eran (ev672n), Vosk --- app/main/dashboard/dcaedt/dcae.less | 1376 +++++++++++++++++++++++++++++++++++ 1 file changed, 1376 insertions(+) create mode 100644 app/main/dashboard/dcaedt/dcae.less (limited to 'app/main/dashboard/dcaedt/dcae.less') diff --git a/app/main/dashboard/dcaedt/dcae.less b/app/main/dashboard/dcaedt/dcae.less new file mode 100644 index 0000000..6d93f7e --- /dev/null +++ b/app/main/dashboard/dcaedt/dcae.less @@ -0,0 +1,1376 @@ +.about { + h1 { + font-size: 40px; + } +} + +.home { + ul.users { + li { + font-size: 20px; + } + } +} +.sdc-dashboard-container { + .tlv-loader { + top: -110px; + left: 80px; + } + .sdc-hide-popover { + .popover { + display: none !important; + } + } +} + +/* dashboard card main icons */ +.dcae-s-sdc-service { background-position: -60px -2654px; width: 14px; height: 17px;} +.dcae-s-sdc-resource { background-position: -54px -2585px; width: 16px; height: 16px;} + +.dcae-sprite { + background-image: url('images/sprites/sprite-global-old.png'); + display: inline-block; +} +.dcae-sprite-new { + background-image: url('images/sprites/sprite-global.png'); + display: inline-block; +} +.dcae-sprite.logo { background-position: -50px -100px; width: 39px; height: 32px;} +.dcae-sprite.white-arrow-down { background-position: -50px -200px; width: 15px; height: 9px;} +.dcae-sprite.white-arrow-up { background-position: -100px -200px; width: 15px; height: 9px;} +.arrow-left { background-position: -262px -4041px; width: 11px; height: 10px;} +.dcae-sprite.tab-info { background-position: -50px -300px; width: 18px; height: 20px;} +.dcae-sprite.edit { background-position: -51px -689px; width: 31px; height: 30px;} +.dcae-sprite.details { background-position: -50px -900px; width: 19px; height: 19px;} +.dcae-sprite.structure { background-position: -212px -3880px; width: 23px; height: 21px;} +.dcae-sprite.artifacts { background-position: -50px -1098px; width: 20px; height: 20px;} +.dcae-sprite.menu { background-position: -50px -1200px; width: 17px; height: 14px;} +.dcae-sprite.catalog { background-position: -53px -1303px; width: 20px; height: 20px;} +.dcae-sprite.distribution { background-position: -50px -1400px; width: 24px; height: 14px;} +.dcae-sprite.support { background-position: -50px -1500px; width: 22px; height: 22px;} +.dcae-sprite.filter { background-position: -50px -1600px; width: 15px; height: 16px;} +.dcae-sprite.card-menu { background-position: -50px -2000px; width: 4px; height: 16px;} +.dcae-sprite.relationships { background-position: -50px -2097px; width: 26px; height: 19px;} +.dcae-sprite.lifecycle { background-position: -50px -2200px; width: 20px; height: 20px;} +.dcae-sprite.properties { background-position: -50px -2300px; width: 19px; height: 19px;} +.dcae-sprite.e-sdc-small-icon-delete { background-position: -64px -2771px; width: 11px; height: 13px;} +.dcae-sprite.magnification-glass { background-position: -49px -3138px; width: 12px; height: 12px;} +.dcae-sprite.clear-text { background-position: -104px -4040px; width: 10px; height: 11px;} +/*new tabs icons*/ +.dcae-sprite.info { background-position: -105px -3583px; width: 18px; height: 18px;} +.dcae-sprite.information-artifacts { background-position: -105px -3632px; width: 20px; height: 21px;} +.dcae-sprite.deployment-artifacts { background-position: -105px -3682px; width: 19px; height: 19px;} +.dcae-sprite.properties { background-position: -105px -3733px; width: 18px; height: 18px;} +.dcae-sprite.relations { background-position: -105px -3781px; width: 20px; height: 20px;} +.dcae-sprite.inputs { background-position: -104px -3887px; width: 18px; height: 14px;} +.dcae-sprite.api { background-position: -104px -3930px; width: 25px; height: 21px;} + +.dcae-main-right-container { + background-color: #ffffff; + bottom: 0; + padding: 22px 12px; + position: absolute; + left: 240px; + right: 0; + top: 0px; + overflow: scroll; +} + +.dcae-left-sidebar { + width: 242px; + overflow: hidden; + background-color: #f8f8f8; + -webkit-box-shadow: 1px 0 4px 0 rgba(24,24,25,.17); + -moz-box-shadow: 1px 0 4px 0 rgba(24,24,25,.17); + box-shadow: 1px 0 4px 0 rgba(24,24,25,.17); + position: absolute; + left: 0; + top: 0; + bottom: 0; + padding: 12px 18px; + z-index: 1; +} + +.dcae-left-sidebar-nav { + margin-top: 46px; +} + +.dcae-menu-item.selected { + border-left: 4px solid #009fdb; + padding-left: 18px; + color: #009fdb; +} + +.dcae-menu-item { + overflow: hidden; + text-overflow: ellipsis; + width: 100%; + white-space: nowrap; + display: inline-block; + max-width: none; + white-space: normal; + cursor: pointer; +} +//////////////////////////////Cards//////////////////// +.dcae-dashboard-card-new { + border: 2px dashed #a8b3b9; + .border-radius(2px); + cursor: pointer; + display: inline-block; + margin: 9px; + position: relative; + vertical-align: middle; + height: 190px; + width: 190px; +} + +.dcae-dashboard-card-new-content { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + height: 100%; + cursor: pointer; +} + +.dcae-dashboard-card-new-content-plus { + .dcae-sprite-new; + .add-icon; + position: relative; + margin-bottom: 20px; + + &:after { + .n_14_m; + content: 'ADD'; + position: absolute; + top: 25px; + left: -3px; + vertical-align: -50%; + } +} + +.dcae-dashboard-card-import-content-plus { + .dcae-sprite-new; + .import-icon; + position: relative; + margin-bottom: 20px; + + &:after { + .n_14_m; + content: 'IMPORT'; + position: absolute; + top: 25px; + left: -16px; + vertical-align: -50%; + } +} + +.sdc-dashboard-create-element-container, +.sdc-dashboard-import-element-container { + + width: 140px; + + .tlv-btn.import-dcae { + padding: 0; + } + + .tlv-btn { + position: relative; + width: 100%; + margin-bottom: 10px; + + &:last-child { + margin-bottom: 0; + } + } + + input[type="file"] { + cursor: inherit; + filter: alpha(opacity=0); + opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 138px; + height: 30px; + } +} + +.dcae-dashboard-card { + width: 190px; + height: 190px; + background-color: #fff; + .border-radius(2px); + .box-shadow(0px 2px 2px 0px rgba(24, 24, 25, 0.05)); + display: inline-block; + margin: 10px; + position: relative; + vertical-align: middle; + border: solid 1px #e4e1e1; + + &:hover { + border: solid 1px @main_color_o; + .box-shadow(3px 3px 2px 0px rgba(24, 24, 25, 0.05)); + } + + &:active { + border: solid 1px @main_color_c; + .box-shadow(3px 3px 2px 0px rgba(24, 24, 25, 0.05)); + } +} + +.dcae-dashboard-card-body { + .hand; + border-bottom: 1px solid #ffffff; + height: 155px; + position: relative; + text-align: center; +} + +.dcae-dashboard-card-description { + .c_3; + .hand; + background-color: rgba(57, 73, 84, 0.9); + border-radius: 4px 4px 0 0; + bottom: 0; + left: 0; + opacity: 0; + padding: 10px; + position: absolute; + right: 0; + text-align: left; + top: 0; + word-wrap: break-word; + z-index: 4; + min-height: 100px; + overflow: hidden; +} + + .dcae-workspace-top-bar { + height: 26px; + padding: 12px 10px 0px 50px; + border-bottom: 1px solid #d2d2d2; + display: flex; + justify-content: space-between; + + .version-container{ + + } + + .progress-container{ + flex-grow:4; + z-index: 10000000; + + .general-view-top-progress{ + width:30%; + margin: 0 auto; + } + } + + .not-latest{ + position: absolute; + left: 24px; + top: 20px; + .dcae-sprite-new; + .asdc-warning; + } + + .sdc-workspace-top-bar-buttons { + + > button, > span:not(.delimiter){ + margin-right: 10px; + vertical-align: middle; + .hand; + + &.dcae-sprite-new { + text-indent: 100%; + } + &.disabled, &:hover.disabled { + pointer-events: none; + } + } + .delimiter { + height: 32px; + width: 1px; + background-color: #959595; + display: inline-block; + vertical-align: middle; + margin-right: 20px; + } + + } + + + .lifecycle-state { + padding: 7px 0 0 10px; + margin: 2px 0 7px 10px; + border-left: 1px solid #d2d2d2; + line-height: 15px; + font-family: @font-omnes-medium; + color: #d2d2d2; + + .lifecycle-state-icon { + .dcae-sprite-new; + } + .lifecycle-state-text { + + font-weight: bold; + text-transform: uppercase; + vertical-align: top; + padding: 3px; + } + } + + .version-selector { + // float:left; + background-color: transparent; + border: none; + margin-top: 6px; + } + } + + .dcae-asset-creation-info { + color: #959595; + font-family: omnes-regular,sans-serif; + font-size: 12px; + margin: 8px 20px 0 0; + } + + // Workspace bar // +.dcae-dashboard-card-schema { + margin-top: 30px; +} + +.dcae-dashboard-card-edit { + .hand; + position: absolute; + right: 13px; + top: 15px; + z-index: 2; +} + +.dcae-vfcmt-title{ + text-align: left; + margin: 7px; + color: #009fdb; +} + +.dcae-dashboard-card-footer { + border-top: 1px solid #eaeaea; + margin: 0px 5px; + position: relative; +} + +.dcae-dashboard-card-avatar { + .uppercase; + border-radius: 50%; + display: inline-block; + position: absolute; + left: -6px; + text-align: center; + top: -6px; + + span { + + background-color: @main_color_p; + .border-radius(15px); + color: @color_c; + content: ''; + height: 30px; + text-align: center; + display: block; + border: solid 2px #ECEFF3; + padding: 3px 10px 2px 10px; + + &.VF { + .j_14_m; + &::before { + content: 'VF'; + } + } + + &.VFC { + .j_14_m; + &::before { + content: 'VFC'; + } + } + + &.CP { + .j_14_m; + &::before { + content: 'CP'; + } + } + + &.VL { + .j_14_m; + &::before { + content: 'VL'; + } + } + + &.SERVICE { + .c_14_m; + &::before { + content: 'S'; + } + } + + &.PRODUCT { + .b_14_m; + &::before { + content: 'P'; + } + } + + &.green { + .d_12; + &::before { + content: 'R'; + } + } + &.red { + .r_12; + &::before { + content: 'S'; + } + } + &.dblack { + .s_12; + &::before { + content: 'P'; + } + } + } +} + +.dcae-dashboard-card-info { + display: inline-block; + vertical-align: middle; + max-width: 165px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.dcae-dashboard-card-info-name-container{ + position: absolute; + bottom: 0; + left: 0; + margin: 0 0 2px 10px; +} +.dcae-dashboard-card-info-name { + .m_14_m; + display: inline-block; + vertical-align: middle; + max-width: 165px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.dcae-dashboard-card-info-lifecycleState { + .m_13_m; + display: inline-block; + vertical-align: middle; + max-width: 165px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.dcae-dashboard-card-info-user { + .n_13_r; + text-align: left; + line-height: 18px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; +} + +.dcae-dashboard-card-menu-button { + display: inline-block; + padding: 12px 0 0 10px; + position: absolute; + right: 12px; + top: 8px; + border-left: solid 1px @color_k; + height: 42px; + + &:hover { + .dcae-dashboard-card-menu { + display: block; + } + } +} + +.dcae-dashboard-card-menu { + .bg_c; + border-radius: 0 0 4px 4px; + border-top: 3px solid @color_a; + box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2); + color: @color_s; + display: none; + min-height: 30px; + padding: 9px 0; + position: absolute; + right: -27px; + width: 208px; + z-index: 9; + max-height: 164px; + + &::before { + //TODO: Missing image for small blue triangle. + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1OTIzNDI1MENFQjExRTU4ODRERTI1MDM2REZCOUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1OTIzNDI2MENFQjExRTU4ODRERTI1MDM2REZCOUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTU5MjM0MjMwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTU5MjM0MjQwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gBXTlAAAAOElEQVR42mK0rp7NgASMgZgFiE/CBJjQJPcA8U4gNkdXAJMUAGJ+ZEVMaJIwAFfEhEUSRRFAgAEAVtgJyiLAPWAAAAAASUVORK5CYII='); + content: ''; + display: block; + height: 21px; + position: absolute; + right: 24px; + top: -24px; + width: 184px; + background-repeat: no-repeat; + background-position: 175px 16px; + } +} + +.i-sdc-dashboard-card-menu-item { + .hand; + line-height: 24px; + padding: 0 10px; + &:hover { .a_7; } +} + +.dcae-dashboard-card-info-lifecycleState-icon{ + position:absolute; + bottom:18px; + right:10px; +} + +// Same for dashboard and catalog view. +.dcae-dashboard-card-schema-image { + position: absolute; + top: 41%; + + //TODO: Israel - remove this after getting the services sprite. + height: 45px; + width: 53px; + background-repeat: no-repeat; + + // Center the icon vertical and horizontal. + margin: auto; + left: 0; + right: 0; + top: -10px; + bottom: 0; +} + +/* dashboard card main icons */ +.dcae-dashboard-card-schema-image.service { .dcae-s-sdc-service } +.dcae-dashboard-card-schema-image.resource { .dcae-s-sdc-resource } + +/* dashboard card statuses icons */ +.dcae-dashboard-card-edit.NOT_CERTIFIED_CHECKIN { .dcae-sprite; .dcae-s-sdc-state.NOT_CERTIFIED_CHECKIN; } +.dcae-dashboard-card-edit.NOT_CERTIFIED_CHECKOUT { .dcae-sprite; .dcae-s-sdc-state.NOT_CERTIFIED_CHECKOUT; } +.dcae-dashboard-card-edit.CERTIFIED { .dcae-sprite; .dcae-s-sdc-state.CERTIFIED; } +.dcae-dashboard-card-edit.READY_FOR_CERTIFICATION { .dcae-sprite; .dcae-s-sdc-state.READY_FOR_CERTIFICATION; } +.dcae-dashboard-card-edit.CERTIFICATION_IN_PROGRESS { .dcae-sprite; .dcae-s-sdc-state.CERTIFICATION_IN_PROGRESS; } +.dcae-dashboard-card-edit.DISTRIBUTED { .dcae-sprite; .dcae-s-sdc-state.DISTRIBUTED; } + +.dcae-dashboard-card-avatar.green + .dcae-dashboard-card-edit.NOT_CERTIFIED_CHECKIN { .dcae-sprite; .dcae-s-sdc-state.NOT_CERTIFIED_CHECKIN.green; } +.dcae-dashboard-card-avatar.green + .dcae-dashboard-card-edit.NOT_CERTIFIED_CHECKOUT { .dcae-sprite; .dcae-s-sdc-state.NOT_CERTIFIED_CHECKOUT.green; } +.dcae-dashboard-card-avatar.green + .dcae-dashboard-card-edit.CERTIFIED { .dcae-sprite; .dcae-s-sdc-state.CERTIFIED.green; } +.dcae-dashboard-card-avatar.green + .dcae-dashboard-card-edit.READY_FOR_CERTIFICATION { .dcae-sprite; .dcae-s-sdc-state.READY_FOR_CERTIFICATION.green; } +.dcae-dashboard-card-avatar.green + .dcae-dashboard-card-edit.CERTIFICATION_IN_PROGRESS { .dcae-sprite; .dcae-s-sdc-state.CERTIFICATION_IN_PROGRESS.green; } +.dcae-dashboard-card-avatar.green + .dcae-dashboard-card-edit.DISTRIBUTED { .dcae-sprite; .dcae-s-sdc-state.DISTRIBUTED.green; } + +.dcae-dashboard-card-avatar.red + .dcae-dashboard-card-edit.NOT_CERTIFIED_CHECKIN { .dcae-sprite; .dcae-s-sdc-state.NOT_CERTIFIED_CHECKIN.red; } +.dcae-dashboard-card-avatar.red + .dcae-dashboard-card-edit.NOT_CERTIFIED_CHECKOUT { .dcae-sprite; .dcae-s-sdc-state.NOT_CERTIFIED_CHECKOUT.red; } +.dcae-dashboard-card-avatar.red + .dcae-dashboard-card-edit.CERTIFIED { .dcae-sprite; .dcae-s-sdc-state.CERTIFIED.red; } +.dcae-dashboard-card-avatar.red + .dcae-dashboard-card-edit.READY_FOR_CERTIFICATION { .dcae-sprite; .dcae-s-sdc-state.READY_FOR_CERTIFICATION.red; } +.dcae-dashboard-card-avatar.red + .dcae-dashboard-card-edit.CERTIFICATION_IN_PROGRESS { .dcae-sprite; .dcae-s-sdc-state.CERTIFICATION_IN_PROGRESS.red; } +.dcae-dashboard-card-avatar.red + .dcae-dashboard-card-edit.DISTRIBUTED { .dcae-sprite; .dcae-s-sdc-state.DISTRIBUTED.red; } + +.w-sdc-main-container{ + height: 100%; +} +.sdc-catalog-container { + + height: 100%; + .i-sdc-categories-list-item { + font-weight: normal; + } + + // Checkboxes + .i-sdc-designer-leftbar-section-content-ul { + padding: 0; + margin: 0; + + .i-sdc-catalog-subcategories-checkbox { + padding: 0 0 0 20px; + margin: 0; + + .i-sdc-catalog-grouping-checkbox { + padding: 0 0 0 20px; + margin: 0; + } + + } + + } + + .i-sdc-designer-leftbar-section-content-li { + &:last-child { + .i-sdc-categories-list-item { + margin: 0; + } + } + } + + .i-sdc-categories-list-item { + display: block; + //margin-bottom: 5px; + //padding-left: 15px; + //text-indent: -24px; + vertical-align: top; + font-weight: bold; + } + + .i-sdc-subcategories-list-item { + display: block; + //padding-left: 20px; + vertical-align: top; + font-weight: normal; + margin: 0; + //text-indent: -10px; + } + + /*Added by - Ikram */ + .i-sdc-product-input, + .i-sdc-product-select { + border: 1px solid @border_color_f; + min-height: 30px; + padding: 0; + width: 100%; + margin: 1px 0; + background-color: #F2F2F2; + outline: none; + + &:disabled { + .disabled; + } + optgroup{ + color: @color_u; + option{ + color: @color_b; + } + } + } + + .i-sdc-categories-list-item-icon { + display: inline-block; + float: right; + position: relative; + right: -8px; + top: 6px; + } + + .i-sdc-categories-list-item { + margin-top: 7px; + &.NOT_CERTIFIED_CHECKOUT, + &.NOT_CERTIFIED_CHECKIN { + .i-sdc-categories-list-item-icon { + background: url('images/sprites/sprite-global-old.png') no-repeat -53px -2889px; + width: 14px; + height: 14px; + + } + } + + &.CERTIFIED { + .i-sdc-categories-list-item-icon { + background: url('images/sprites/sprite-global-old.png') no-repeat -53px -3034px; + width: 14px; + height: 16px; + } + } + + &.READY_FOR_CERTIFICATION { + .i-sdc-categories-list-item-icon { + background: url('images/sprites/sprite-global-old.png') no-repeat -53px -2985px; + width: 14px; + height: 16px; + } + } + + &.CERTIFICATION_IN_PROGRESS { + .i-sdc-categories-list-item-icon { + background: url('images/sprites/sprite-global-old.png') no-repeat -53px -2934px; + width: 14px; + height: 16px; + } + } + + &.DISTRIBUTED, + &.TBD { + .i-sdc-categories-list-item-icon { + background: url('images/sprites/sprite-global-old.png') no-repeat -43px -3087px; + width: 24px; + height: 14px; + + } + } + } + + .i-sdc-categories-list-input { + margin: 8px; + + } + + .i-sdc-subcategories-list-input { + + margin: 8px; + } + .i-sdc-subcategories-list-input-container { + margin: 0px 0px 0px 20px; + padding: 2px; + } + + .dcae-header-catalog-search-container { + display: table; + padding: 21px 0; + position: relative; + + .dcae-designer-leftbar-search-input { + color: #000; + width: 300px; + } + + // .magnification { + // .dcae-sprite; + // .dcae-sprite.magnification-glass; + // .hand; + // position: absolute; + // top: 40px; + // right: 42px; + // } + } + + .dcae-catalog-main { + padding: 10px 12px; + } + .dcae-dashboard-catalog-header { + .b_9; + display: inline-block; + font-style: italic; + font-weight: bold; + padding-left: 10px; + } + + .dcae-dashboard-catalog-header-order { + .b_9; + font-weight: 800; + } + + .dcae-dashboard-catalog-sort { + .b_9; + font-weight: bold; + white-space:pre; + &:hover{ + .hand; + text-decoration: none; + .a_9; + } + &.blue { + .a_9; + } + } + + .dcae-catalog-sort-arrow{ + display: inline-block; + &.up{ + .b_9; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-bottom: 5px solid ; + } + &.down{ + .b_9; + width: 0; + height: 0; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid; + } + } + + + + + .dcae-dashboard-catalog-header-right{ + float: right; + display: inline-block; + padding-right:34px; + } + + .dcae-dashboard-catalog-header-right-vf { + top:0px; + overflow:scroll; + } + + .dcae-header-catalog-search-input { + width: 420px; + display: table-cell; + padding: 0 25px 1px 10px; + border: 1px solid #bcbcbc; + .border-radius(10px); + height: 30px; + margin: 10px 30px; + outline: none; + } + + .sdc-catalog-type-filter-container { + margin-top: -1px; + } + + .i-sdc-designer-leftbar-section-title { + text-transform: uppercase; + .l_14_m; + line-height: 30px; + } + + .i-sdc-designer-leftbar-section-title-icon { + .hand; + .tlv-sprite; + .footer-close; + transition: .3s all; + margin-top: -4px; + } + + .i-sdc-designer-leftbar-section-title-text { + margin-left: 20px; + } + + .seperator-left, + .seperator-right { + border-right: solid 1px @color_m; + display: table-cell; + width: 2px; + } + + // Rotate catalog left side arrows + .i-sdc-designer-leftbar-section-title.expanded .i-sdc-designer-leftbar-section-title-icon { + transform: rotate(180deg); + } + + // Transform catalog left side sections + .i-sdc-designer-leftbar-section-title + .i-sdc-designer-leftbar-section-content { + max-height: 0px; + margin: 0 auto; + transition: all .3s; + overflow: hidden; + padding: 0 10px 0 18px; + } + + .i-sdc-designer-leftbar-section-title.expanded + .i-sdc-designer-leftbar-section-content { + max-height: 9999px; + margin: 0 auto 1px; + transition: all .3s; + padding: 10px 18px 10px 18px; + overflow: hidden; + } + +} + +.dcae-search-icon{ + position: absolute; + right: 40px; + top: 40px; + &.leftbar{ + top: 19px; + right: 18px; + } + &.magnification { + .dcae-sprite; + .dcae-sprite.magnification-glass; + .hand; + } + + &.cancel { + .dcae-sprite; + .dcae-sprite.clear-text; + .hand; + } +} + +.dcae-main-container { + background-color: #ECEFF3; + position: absolute; + /*top: 0px;*/ + left: 0; + right: 0; + /*bottom: 0px;*/ + height: 100%; + overflow: auto; +} +.dcae-input-text:read-only{ + background-color: #eaeaea; +} +.dcae-image-text-btn{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.dcae-round-btn{ + border-radius: 50%; + position: relative; + z-index: 2; + padding: 0; + display: inline-block; + color: #fff; + overflow: hidden; + z-index: 1; + width: 75px; + height: 75px; + line-height: 40px; + padding: 0; + background-color: #009fdb; + border-radius: 50%; + transition: .3s; + cursor: pointer; + vertical-align: middle; + border:0; +} +.dcae-round-btn:disabled { + opacity: 0.5; + cursor: not-allowed !important; +} +.dcae-main-container .dcae-main-right-container { + background-color: #ffffff; + bottom: 0; + padding: 22px 12px; + position: absolute; + left: 240px; + right: 0; + top: 0px; + overflow: scroll; +} +.dcae-main-container .dcae-main-right-container > div:first-child { + /* scroll fix */ + padding-bottom: 53px; +} +.sdc-loading-page { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + position: absolute; + height: 100%; + width: 100%; +} +.sdc-loading-page .caption1 { + color: #ffffff; + font-family: omnes-light, sans-serif; + font-size: 24px; + text-align: center; +} +.sdc-loading-page .caption2 { + color: #ffffff; + font-family: omnes-medium, sans-serif; + font-size: 16px; + display: block; +} + +.dcae-dashboard-card-new { + border: 2px dashed #a8b3b9; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + cursor: pointer; + display: inline-block; + margin: 9px; + position: relative; + vertical-align: middle; + height: 190px; + width: 190px; +} +.dcae-dashboard-card-new-content { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + height: 100%; +} +.dcae-import-icon{ + background: url('images/import.svg') no-repeat center; + display: inline-block; + width: 23px; + height: 23px; + position: relative; +} +.dcae-dashboard-card-new-content-plus { +// background-image: url('images/sprites/sprite-global.png'); + background: url('images/Add.png') no-repeat center; + display: inline-block; +// background-position: -50px -77px; + width: 45px; + height: 45px; + position: relative; +// margin-bottom: 20px; +} +.dcae-dashboard-card-new-content-plus:after { + color: #009fdb; + font-family: omnes-medium, sans-serif; + font-size: 14px; + content: 'Create New Asset'; + position: absolute; + top: 50px; + left: -36px; + vertical-align: -50%; + width:120px; +} +.dcae-dashboard-card-import-content-plus { + background-image: url('images/sprites/sprite-global.png'); + display: inline-block; + background-position: -100px -81px; + width: 23px; + height: 23px; + position: relative; + margin-bottom: 20px; +} +.dcae-dashboard-card-import-content-plus:after { + color: #959595; + font-family: omnes-medium, sans-serif; + font-size: 14px; + content: 'IMPORT'; + position: absolute; + top: 25px; + left: -16px; + vertical-align: -50%; +} +.sdc-dashboard-create-element-container, +.sdc-dashboard-import-element-container { + width: 140px; +} +.sdc-dashboard-create-element-container .tlv-btn.import-dcae, +.sdc-dashboard-import-element-container .tlv-btn.import-dcae { + padding: 0; +} +.sdc-dashboard-create-element-container .tlv-btn, +.sdc-dashboard-import-element-container .tlv-btn { + position: relative; + width: 100%; + margin-bottom: 10px; +} +.sdc-dashboard-create-element-container .tlv-btn:last-child, +.sdc-dashboard-import-element-container .tlv-btn:last-child { + margin-bottom: 0; +} +.sdc-dashboard-create-element-container input[type="file"], +.sdc-dashboard-import-element-container input[type="file"] { + cursor: inherit; + filter: alpha(opacity=0); + opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 138px; + height: 30px; +} + +.dcae-dashboard-card:hover { + border: solid 1px #d2d2d2; + -webkit-box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05); + -moz-box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05); + box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05); +} +.dcae-dashboard-card:active { + border: solid 1px #71c5eb; + -webkit-box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05); + -moz-box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05); + box-shadow: 3px 3px 2px 0px rgba(24, 24, 25, 0.05); +} + +.dcae-dashboard-card-description { + color: #ffffff; + font-family: omnes-regular, sans-serif; + font-size: 12px; + cursor: pointer; + background-color: rgba(57, 73, 84, 0.9); + border-radius: 4px 4px 0 0; + bottom: 0; + left: 0; + opacity: 0; + padding: 10px; + position: absolute; + right: 0; + text-align: left; + top: 0; + word-wrap: break-word; + z-index: 4; + min-height: 100px; + overflow: hidden; +} +.dcae-dashboard-card-schema { + margin-top: 30px; +} +.dcae-dashboard-card-edit { + cursor: pointer; + position: absolute; + right: 13px; + top: 15px; + z-index: 2; +} +.dcae-dashboard-card-footer { + padding: 0 5px; +// padding: 3px 12px 10px 12px; + position: relative; +} +.dcae-dashboard-card-avatar { + text-transform: uppercase; + border-radius: 50%; + display: inline-block; + position: absolute; + left: -6px; + text-align: center; + top: -6px; +} +.dcae-dashboard-card-avatar span { + background-color: #ffffff; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; + color: #ffffff; + content: ''; + height: 30px; + text-align: center; + display: block; + border: solid 2px #ECEFF3; + padding: 3px 10px 2px 10px; +} +.dcae-dashboard-card-avatar span.VF { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 14px; +} +.dcae-dashboard-card-avatar span.VF::before { + content: 'VF'; +} +.dcae-dashboard-card-avatar span.VFC { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 14px; +} +.dcae-dashboard-card-avatar span.VFC::before { + content: 'VFC'; +} +.dcae-dashboard-card-avatar span.VFCMT { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 14px; +} +.dcae-dashboard-card-avatar span.VFCMT::before { + content: 'VFCMT'; +} +.dcae-dashboard-card-avatar span.CP { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 14px; +} +.dcae-dashboard-card-avatar span.CP::before { + content: 'CP'; +} +.dcae-dashboard-card-avatar span.VL { + color: #9063cd; + font-family: omnes-medium, sans-serif; + font-size: 14px; +} +.dcae-dashboard-card-avatar span.VL::before { + content: 'VL'; +} +.dcae-dashboard-card-avatar span.SERVICE { + color: #71c5eb; + font-family: omnes-medium, sans-serif; + font-size: 14px; +} +.dcae-dashboard-card-avatar span.SERVICE::before { + content: 'S'; +} +.dcae-dashboard-card-avatar span.PRODUCT { + color: #056bae; + font-family: omnes-medium, sans-serif; + font-size: 14px; +} +.dcae-dashboard-card-avatar span.PRODUCT::before { + content: 'P'; +} +.dcae-dashboard-card-avatar span.green { + color: #1d9a95; + font-family: omnes-medium, sans-serif; + font-size: 17px; +} +.dcae-dashboard-card-avatar span.green::before { + content: 'R'; +} +.dcae-dashboard-card-avatar span.red { + color: #e85858; + font-family: omnes-medium, sans-serif; + font-size: 17px; +} +.dcae-dashboard-card-avatar span.red::before { + content: 'S'; +} +.dcae-dashboard-card-avatar span.dblack { + color: #000000; + font-family: omnes-medium, sans-serif; + font-size: 17px; +} +.dcae-dashboard-card-avatar span.dblack::before { + content: 'P'; +} +.dcae-dashboard-card-info { + display: inline-block; + vertical-align: middle; + max-width: 165px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.dcae-dashboard-card-info-name-container { + position: absolute; + bottom: 0; + left: 0; + margin: 0 0 2px 10px; +} +.dcae-dashboard-card-info-name { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 14px; + display: inline-block; + vertical-align: middle; + max-width: 165px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.dcae-dashboard-card-info-lifecycleState { + color: #5a5a5a; + font-family: omnes-medium, sans-serif; + font-size: 13px; + display: inline-block; + vertical-align: middle; + max-width: 165px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.dcae-dashboard-card-info-user { + color: #959595; + font-family: omnes-regular, sans-serif; + font-size: 13px; + line-height: 18px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; +} +.dcae-dashboard-card-menu-button { + display: inline-block; + padding: 12px 0 0 10px; + position: absolute; + right: 12px; + top: 8px; + border-left: solid 1px #e1e7ec; + height: 42px; +} +.dcae-dashboard-card-menu-button:hover .dcae-dashboard-card-menu { + display: block; +} +.dcae-dashboard-card-menu { + background-color: #ffffff; + border-radius: 0 0 4px 4px; + border-top: 3px solid #3b7b9b; + box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.2); + color: #000000; + display: none; + min-height: 30px; + padding: 9px 0; + position: absolute; + right: -27px; + width: 208px; + z-index: 9; + max-height: 164px; +} +.dcae-dashboard-card-menu::before { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1OTIzNDI1MENFQjExRTU4ODRERTI1MDM2REZCOUYzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1OTIzNDI2MENFQjExRTU4ODRERTI1MDM2REZCOUYzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTU5MjM0MjMwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTU5MjM0MjQwQ0VCMTFFNTg4NERFMjUwMzZERkI5RjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4gBXTlAAAAOElEQVR42mK0rp7NgASMgZgFiE/CBJjQJPcA8U4gNkdXAJMUAGJ+ZEVMaJIwAFfEhEUSRRFAgAEAVtgJyiLAPWAAAAAASUVORK5CYII='); + content: ''; + display: block; + height: 21px; + position: absolute; + right: 24px; + top: -24px; + width: 184px; + background-repeat: no-repeat; + background-position: 175px 16px; +} + +.perfect-scrollbar { + position: relative; + overflow: hidden; +} + +.scroller { + white-space: pre-line; + height: 500px; + overflow-y: hidden; + position: relative; +} + +.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { + background-color: #666666; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + opacity: 1; + width: 6px; + margin: 0 2px; +} +.ps-container > .ps-scrollbar-y-rail { + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + width: 10px ; + background-color: rgba(255, 255, 255, 0.5); + z-index: 1000; +} + +/* dashboard card statuses icons */ +.dcae-s-sdc-state.NOT_CERTIFIED_CHECKIN { background-position: -47px -2839px; width: 20px; height: 19px;} +.dcae-s-sdc-state.NOT_CERTIFIED_CHECKIN.green { background-position: -70px -2839px;} +.dcae-s-sdc-state.NOT_CERTIFIED_CHECKIN.red { background-position: -93px -2839px;} + +.dcae-s-sdc-state.NOT_CERTIFIED_CHECKOUT { background-position: -53px -2889px; width: 14px; height: 14px;} +.dcae-s-sdc-state.NOT_CERTIFIED_CHECKOUT.green { background-position: -76px -2889px;} +.dcae-s-sdc-state.NOT_CERTIFIED_CHECKOUT.red { background-position: -99px -2889px;} + +.dcae-s-sdc-state.CERTIFIED { background-position: -53px -3034px; width: 14px; height: 16px;} +.dcae-s-sdc-state.CERTIFIED.green { background-position: -76px -3034px;} +.dcae-s-sdc-state.CERTIFIED.red { background-position: -99px -3034px;} + +.dcae-s-sdc-state.READY_FOR_CERTIFICATION { background-position: -53px -2985px; width: 14px; height: 16px;} +.dcae-s-sdc-state.READY_FOR_CERTIFICATION.green { background-position: -76px -2985px;} +.dcae-s-sdc-state.READY_FOR_CERTIFICATION.red { background-position: -99px -2985px;} + +.dcae-s-sdc-state.CERTIFICATION_IN_PROGRESS { background-position: -53px -2934px; width: 14px; height: 16px;} +.dcae-s-sdc-state.CERTIFICATION_IN_PROGRESS.green { background-position: -76px -2934px;} +.dcae-s-sdc-state.CERTIFICATION_IN_PROGRESS.red { background-position: -99px -2934px; } + +.dcae-s-sdc-state.DISTRIBUTED { background-position: -43px -3087px; width: 24px; height: 14px;} +.dcae-s-sdc-state.DISTRIBUTED.green { background-position: -76px -3087px;} +.dcae-s-sdc-state.DISTRIBUTED.red { background-position: -113px -3087px;} + -- cgit 1.2.3-korg