diff options
author | YuanHu <yuan.hu1@zte.com.cn> | 2018-03-27 15:57:07 +0800 |
---|---|---|
committer | YuanHu <yuan.hu1@zte.com.cn> | 2018-03-27 15:57:07 +0800 |
commit | 75a9f050d7b92996b464488001829042cb5051a0 (patch) | |
tree | 1287282942f1e86cc7ddda084096e4c3be72e0a2 /sdc-workflow-designer-ui/src/app/paletx/plx-datepicker | |
parent | 309680feb63ec6a49163387cb1e116b721254847 (diff) |
Modify css files
Modify css files
Issue-ID: SDC-1130,SDC-1131
Change-Id: I5da79bb12b7f9e52a4317bae190f873d2949b84f
Signed-off-by: YuanHu <yuan.hu1@zte.com.cn>
Diffstat (limited to 'sdc-workflow-designer-ui/src/app/paletx/plx-datepicker')
-rw-r--r-- | sdc-workflow-designer-ui/src/app/paletx/plx-datepicker/picker.component.css | 366 | ||||
-rw-r--r-- | sdc-workflow-designer-ui/src/app/paletx/plx-datepicker/pickerrange.component.css | 18 |
2 files changed, 384 insertions, 0 deletions
diff --git a/sdc-workflow-designer-ui/src/app/paletx/plx-datepicker/picker.component.css b/sdc-workflow-designer-ui/src/app/paletx/plx-datepicker/picker.component.css new file mode 100644 index 00000000..02983835 --- /dev/null +++ b/sdc-workflow-designer-ui/src/app/paletx/plx-datepicker/picker.component.css @@ -0,0 +1,366 @@ +.owl-dateTime-input { + width: 100%; + padding-right: 1.5em; } + +.owl-dateTime-cancel { + position: absolute; + top: 50%; + right: .1em; + border-radius: 50%; + transform: translateY(-50%); + cursor: pointer; + color: inherit; } + +.owl-dateTime-inputWrapper { + position: relative; } + +.owl-dateTime-customTemp { + display: inline-block; + position: relative; } + +.owl-dateTime-dialog { + position: absolute; } + +.owl-dateTime-dialogHeader { + display: flex; + justify-content: center; + align-items: center; + width: 100%; } + +.owl-calendar-wrapper, +.owl-timer-wrapper { + position: relative; + width: 100%; + padding: .2em .5em; } + +.owl-calendar-control { + display: flex; + justify-content: space-around; + width: 100%; + height: 2em; } + .owl-calendar-control .owl-calendar-controlNav { + position: relative; + cursor: pointer; + width: 12.5%; } + .owl-calendar-control .owl-calendar-controlContent { + display: flex; + justify-content: center; + align-items: center; + width: 75%; + height: 100%; } + +.owl-calendar { + position: relative; + min-height: 13.7em; } + .owl-calendar table { + width: 100%; + border-collapse: collapse; } + .owl-calendar tbody td { + position: relative; + text-align: center; } + .owl-calendar tbody td a { + display: block; + width: 100%; + height: 100%; + text-decoration: none; + color: inherit; + font-size:12px; + } + .owl-calendar .owl-calendar-yearArrow { + position: absolute; + top: 50%; + width: 1.5em; + height: 1.5em; + transform: translateY(-50%); + cursor: pointer; } + .owl-calendar .owl-calendar-yearArrow.left { + left: -.5em; } + .owl-calendar .owl-calendar-yearArrow.right { + right: -.5em; } + +.owl-timer-wrapper { + position: relative; + display: flex; + justify-content: center; } + .owl-timer-wrapper .owl-timer { + position: relative; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 25%; + height: 100%; } + .owl-timer-wrapper .owl-timer-control { + display: flex; + justify-content: center; + align-items: center; + height: 30%; + width: 100%; + cursor: pointer; } + .owl-timer-wrapper .owl-timer-control .icon:before { + margin: 0; } + .owl-timer-wrapper .owl-timer-input { + width: 60%; + height: 100%; } + +/*# sourceMappingURL=picker.component.css.map */ +.font-face { + font-weight: normal; + font-style: normal; } +[class^="icon-"]:before, [class*=" icon-"]:before { + font-family: "fontello"; + font-style: normal; + font-weight: normal; + speak: none; + display: inline-block; + text-decoration: inherit; + width: 1em; + margin-right: .2em; + text-align: center; + /* opacity: .8; */ + /* For safety - reset parent styles, that can break glyph codes*/ + font-variant: normal; + text-transform: none; + /* fix buttons height, for twitter bootstrap */ + line-height: 1em; + /* Animation center compensation - margins should be symmetric */ + /* remove if not needed */ + margin-left: .2em; + /* you can be more comfortable with increased icons size */ + /* font-size: 120%; */ + /* Font smoothing. That was taken from TWBS */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + /* Uncomment for 3D effect */ + /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } + +.icon-cancel:before { + content: '\e802'; } + +/* '' */ +.icon-up-open:before { + content: '\e805'; } + +/* '' */ +.icon-down-open:before { + content: '\e80b'; } + +/* '' */ +.icon-left-open:before { + content: '\e817'; } + +/* '' */ +.icon-right-open:before { + content: '\e818'; } + +/* '' */ +.owl-widget, +.owl-widget * { + box-sizing: border-box; } + +.owl-widget { + font-size: 1em; } + +.owl-state-focus { + box-shadow: 0px 0px 5px #1f89ce; } + +.owl-corner-all { + border-radius: 3px; } + +.owl-corner-top { + border-top-left-radius: 3px; + border-top-right-radius: 3px; } + +.owl-state-default { + border: 1px solid #d6d6d6; + background: #ffffff; + color: #555555; } + +.owl-inputtext { + margin: 0; + outline: medium none; + padding: .25em; + background: #ffffff; + color: #222222; + transition: .2s; } + .owl-inputtext:focus, .owl-inputtext.owl-state-focus { + box-shadow: 0 0 5px #1f89ce; } + +.owl-dateTime { + display: inline-block; + position: relative; + width: 100%; } + .owl-dateTime.owl-dateTime-inline { + width: auto; } + .owl-dateTime.owl-dateTime-inline .owl-dateTime-dialog { + position: relative; + z-index: auto; } + +.owl-dateTime-dialog { + width: 300px; + user-select: none; + z-index: 99999; } + +.owl-dateTime-dialogHeader { + height: 2.5em; + padding: .25em; + background-color: rgba(0, 0, 0, 0.1); + overflow-y: auto; } + +.owl-calendar-control .owl-calendar-controlNav .nav-prev, +.owl-calendar-control .owl-calendar-controlNav .nav-next { + position: absolute; + top: 50%; + right: auto; + bottom: auto; + left: 50%; + transform: translate(-50%, -50%); } + .owl-calendar-control .owl-calendar-controlNav .nav-prev:before, + .owl-calendar-control .owl-calendar-controlNav .nav-next:before { + content: " "; + border-top: .5em solid transparent; + border-bottom: .5em solid transparent; + border-right: 0.75em solid #000000; + width: 0; + height: 0; + display: block; + margin: 0 auto; } +.owl-calendar-control .owl-calendar-controlNav .nav-next:before { + border-right: 0; + border-left: 0.75em solid #000000; } +.owl-calendar-control .owl-calendar-controlContent .month-control, +.owl-calendar-control .owl-calendar-controlContent .year-control { + display: inline-block; + cursor: pointer; + transition: transform 200ms ease; } + .owl-calendar-control .owl-calendar-controlContent .month-control:hover, + .owl-calendar-control .owl-calendar-controlContent .year-control:hover { + transform: scale(1.2); } +.owl-calendar-control .owl-calendar-controlContent .month-control { + font-size: 1em; + margin-right: .8rem; + font-weight: 700; } +.owl-calendar-control .owl-calendar-controlContent .year-control { + font-size: .8em; + font-style: italic; + color: #999; } + + +.owl-calendar tbody td .owl-calendar-selected { + background-color: #00abff; + color: #FFFFFF; } +.owl-calendar tbody td.owl-calendar-invalid { + color: #acacac; } +.owl-calendar tbody td.owl-calendar-outFocus { + color: #dddddd; } +.owl-calendar tbody td.owl-calendar-hidden { + visibility: hidden; } +.owl-calendar tbody td:not(.owl-calendar-selected):not(.owl-calendar-invalid):hover { + background-color: #bae4ff; + color: #000000; } + +.owl-years td.owl-year, +.owl-years td.owl-month, +.owl-months td.owl-year, +.owl-months td.owl-month { + font-size: 1.2em; + height: 2.5em; + width: 33.33%; + line-height: 2.5em; } + +.owl-weekdays th.owl-weekday { + height: 1em; + line-height: 2em; + text-align: center; + font-size: .7em; + color: #999; } + +.owl-days td.owl-day { + height: 2em; + width: calc(100% / 7); + line-height: 2em; } + .owl-days td.owl-day.owl-day-today:before { + content: ''; + display: block; + position: absolute; + right: 2px; + top: 2px; + border-top: 0.5em solid #21a7ff; + border-left: .5em solid transparent; + } + +.owl-timer-wrapper { + height: 5.4em; + background-color: rgba(0, 0, 0, 0.1); } + .owl-timer-wrapper .owl-timer-text { + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 40%; + font-size: 1.5em; } + .owl-timer-wrapper .owl-meridian-btn { + font-size: .8em; + color: #00abff; + background-image: none; + background-color: transparent; + border-color: #00abff; } + .owl-timer-wrapper .owl-meridian-btn:hover { + color: #FFFFFF; + background-color: #00abff; + border-color: #00abff; } + +.owl-timer-divider { + display: inline-block; + align-self: flex-end; + position: absolute; + width: .6em; + height: 100%; + left: -.3em; } + .owl-timer-divider .owl-timer-dot { + display: block; + width: .3em; + height: .3em; + position: absolute; + left: 50%; + border-radius: 50%; + transform: translateX(-50%); } + .owl-timer-divider .owl-timer-dot.dot-top { + top: 38%; } + .owl-timer-divider .owl-timer-dot.dot-bottom { + bottom: 38%; } +.owl-icon{ + position: absolute; + top: 50%; + right: .1em; + border-radius: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + cursor: pointer; + color: #9a9a9a; +} +.plx-btn{color: #00abff; +min-width: 80px; +letter-spacing: 1px; +padding: 0px 16px; +height: 32px; +font-size: 12px; +cursor: pointer; +text-align: center; +white-space: nowrap; +margin-right: 10px; +vertical-align: middle; +border: 1px solid #d9d9d9; +background-color: #fff; +border-radius: 3px; +line-height: 30px; +} +.plx-btn-xs{ + height: 24px; + padding: 0px 12px; + min-width: 60px; + margin-right: 5px; + line-height: 22px; +} +/*# sourceMappingURL=picker.css.map */ + diff --git a/sdc-workflow-designer-ui/src/app/paletx/plx-datepicker/pickerrange.component.css b/sdc-workflow-designer-ui/src/app/paletx/plx-datepicker/pickerrange.component.css new file mode 100644 index 00000000..2fb5b2b4 --- /dev/null +++ b/sdc-workflow-designer-ui/src/app/paletx/plx-datepicker/pickerrange.component.css @@ -0,0 +1,18 @@ +.datepickboxleft +{ + width:45%; + margin-right: 3%; + float: left; +} +.datepickboxright +{ + width:45%; + margin-left: 3%; + float: left; +} +.datepickboxto{ + width:4%; + float: left; + margin-top: 6px; + text-align: center; +}
\ No newline at end of file |