cc-core-cli 1.0.139 → 1.0.140

package/template/admin/public/static/styles/datepicker.css

@@ -0,0 +1,301 @@
+@import url("./custom-antd.css");
+
+.multiple-date-time-picker .icon-input-remove {
+    display: none;
+}
+
+.multiple-date-time-picker .rmdp-container {
+    width: 100%;
+    min-height: 32px;     
+}
+
+.multiple-date-time-picker input {
+    width: 100%;
+    height: auto;
+    padding: 4px 11px 4px;
+}
+
+.multiple-date-time-picker input::-webkit-input-placeholder {
+    color: #c2bfbf;
+}
+
+.multiple-date-time-picker .icon-input {
+    color: #c2bfbf;
+    cursor:text;
+}
+
+.multiple-date-time-picker .ant-input-affix-wrapper .ant-input-suffix {
+    padding-right: 0px !important;
+}
+
+.custom-date-panel {
+    min-width: 120px;
+}
+
+.custom-time-picker {
+    border-right: 1px solid #cfd8e2;
+}
+
+.cc-custom-time-picker {
+    border-right: 1px solid #cfd8e2;
+    border-bottom: 1px solid #cfd8e2;
+}
+
+.cc-custom-time-picker .dvdr {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-top: -5px;
+}
+
+.cc-time-picker {
+    display: flex;
+    padding: 3px 0;
+    min-width: 120px;    
+    max-height: 100px;
+}
+
+.cc-time-picker .box-time {
+    align-items: center;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+}
+
+.cc-time-picker .cc-arrow-container {
+    background: transparent;
+    border: none;
+    border-radius: 50%;
+    cursor: pointer;
+    display: flex;
+    height: 20px;
+    justify-content: center;
+    margin: 0 5px;
+    padding: 0;
+    width: 20px;
+}
+
+.cc-time-picker .cc-icon-up i {
+    margin-top: 7px;    
+    /* -webkit-transform: rotate(-135deg); */
+    transform: rotate(-135deg);
+}
+
+.cc-time-picker .cc-icon-down {
+    margin-top: 3px;    
+    /* -webkit-transform: rotate(45deg); */
+    transform: rotate(45deg);
+}
+
+.cc-time-picker .cc-time-arrow {
+    border: solid #0074d9;
+    border-width: 0 2px 2px 0;
+    display: inline-block;
+    height: 3px;
+    margin-top: 5px;
+    padding: 2px;
+    width: 3px;
+}
+
+.cc-time-picker .cc-time-input {
+    border: none;
+    flex-grow: 1;
+    font-size: 14px;
+    padding: 5px 2px;
+    text-align: center;
+    width: 20px;
+}
+
+.cc-select-date {
+    margin: 10px;
+}
+
+.cc-custom-time-picker-footer {
+    align-items: center;
+    padding: 8px 10px 10px 8px;
+}
+
+.cc-custom-time-picker-footer .button-now {
+    cursor: pointer;
+}
+
+.cc-picker-time-panel {
+    width: auto;
+    min-width: auto;
+    display: flex;
+    flex-direction: column;
+    border-right: 1px solid #cfd8e2;
+}
+
+.cc-picker-time-panel .cc-picker-header-view {
+    border-bottom: 1px solid #cfd8e2;
+    height: 46px;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+}
+
+.cc-picker-time-panel .cc-picker-content {
+    display: flex;
+    flex: auto;
+    height: 224px;
+}
+
+.cc-picker-time-panel .cc-picker-content .cc-picker-time-panel-column:not(:first-child) {
+    border-left: 1px solid #cfd8e2;
+}
+
+.cc-picker-time-panel .cc-picker-content .cc-picker-time-panel-column::after {
+    display: block;            
+    min-height: 224px;
+    content: '';
+}
+
+.cc-picker-time-panel .cc-picker-content .cc-picker-time-panel-column {
+    flex: 1 0 auto;
+    width: 56px;
+    margin: 0;
+    padding: 0;
+    overflow-y: scroll;
+    text-align: left;
+    list-style: none;
+    transition: background 0.3s;
+    border-collapse: collapse;
+}
+
+.cc-picker-time-panel .cc-picker-content .cc-picker-time-panel-column .cc-picker-time-panel-item .cc-picker-time-panel-cell-inner {
+    display: flex;
+    width: 100%;
+    height: 28px;
+    margin: 0;
+    line-height: 28px;                    
+    cursor: pointer;
+    justify-content: center;
+}
+
+.custom-plugins-time-picker .cc-plugins-time-rows {
+    display: flex;
+    border-bottom: 1px solid #cfd8e2;
+}
+
+.custom-plugins-time-picker .cc-plugins-panel-column {
+    min-width: 125px;
+    width: 100%;
+}
+
+.custom-plugins-time-picker .rmdp-panel-body {
+    min-height: 224px;
+}
+
+.custom-date-picker .rmdp-week .rmdp-week-day {
+    color: unset;
+}
+
+.custom-date-picker .rmdp-calendar {
+    height: unset;
+    padding : 0px;
+}
+
+.custom-date-picker .rmdp-header {
+    border-bottom: 1px solid #cfd8e2;
+}
+
+.custom-date-picker .rmdp-day.rmdp-selected span:not(.highlight) {
+    background-color: var(--primary-color) !important;
+    box-shadow: 0 0 3px var(--primary-color);
+    color: var(--btn-default-bg);                
+}
+
+.custom-date-picker .rmdp-day:not(.rmdp-disabled):not(.rmdp-day-hidden) span:hover {
+    background-color: var(--hover-color);
+    color: #fff;
+}
+
+.custom-date-picker .rmdp-header-values {
+    color: var(--text-color);
+}
+
+.cc-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .cc-picker-time-panel-cell-inner {
+    background-color: var(--primary-color);    
+    opacity: .4;
+}
+
+.cc-picker-time-panel-column > li.cc-picker-time-panel-cell-disabled .cc-picker-time-panel-cell-inner {
+    color: rgba(0, 0, 0, 0.25);
+    background-color: transparent !important;
+}
+
+.cc-picker-time-panel .cc-picker-content .cc-picker-time-panel-column .cc-picker-time-panel-item .cc-picker-time-panel-cell-inner {
+    display: flex;
+    width: 100%;
+    height: 28px;
+    margin: 0;
+    line-height: 28px;
+    cursor: pointer;
+    justify-content: center;
+}
+
+.cc-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .cc-picker-time-panel-cell-inner:hover {
+    background: var(--hover-color);
+}
+
+.cc-picker-time-panel-column .cc-picker-time-panel-cell-inner:hover {
+    background: var(--hover-color);
+}
+
+.cc-custom-panel .rmdp-panel-header {
+    margin: unset;
+    border-bottom: 1px solid #cfd8e2;
+    height: 46px;
+    color: var(--text-color);
+    align-items: center;
+    justify-content: center;
+    display: flex;
+}
+
+.cc-custom-panel .rmdp-panel-body li button {
+    color: var(--text-color);
+}
+
+.cc-custom-panel .rmdp-panel-body li .b-deselect {
+    background-color: transparent !important;
+}
+
+.cc-custom-panel .rmdp-panel-body li, .cc-custom-panel .rmdp-panel-body li.bg-blue {
+    background-color: transparent !important;
+}
+
+.cc-popover-placement .ant-popover-inner-content {
+    padding:  0px;
+    min-width: 350px;
+}
+
+.cc-multiple-date-time-input-tab {
+    display: flex;
+    align-items: center;
+    padding: 10px;
+    background: #f5f5f5 !important;
+    border: 1px solid #f0f0f0 !important;
+    border-radius: 6px;
+    height: 24px;
+    margin-top: 2px;
+    margin-bottom: 2px;
+    line-height: 22px;
+    margin-right: 3px;
+    font-size: 13px;
+    font-feature-settings: "tnum";
+    font-variant: tabular-nums;
+}
+
+.cc-multiple-date-time-input-tab .icon-remove {
+    padding-left: 5px;
+    cursor: pointer;
+}
+
+.multiple-date-time-picker:hover .icon-input:not(.icon-input-rmpty) {
+    display: none;
+}
+
+.multiple-date-time-picker:hover .icon-input-remove:not(.icon-input-remove-rmpty) {
+    display: flex;
+}