@selco/installation-ui-css 1.0.2 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +224 -13
- package/dist/index.min.css +2 -2
- package/package.json +1 -1
- package/src/components/actionbar.scss +1 -1
- package/src/digitv2/index.scss +6 -1
- package/src/index.scss +8 -3
- package/src/pages/employee/projectdetailstable.scss +203 -0
- package/src/pages/employee/reverseactionbar.scss +51 -0
package/dist/index.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @selco/installation-ui-css - 1.0.
|
|
2
|
+
* @selco/installation-ui-css - 1.0.4
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) 2025 Adithya Katuku
|
|
5
5
|
*
|
|
@@ -2735,7 +2735,7 @@
|
|
|
2735
2735
|
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.16);
|
|
2736
2736
|
left: 0;
|
|
2737
2737
|
max-width: none;
|
|
2738
|
-
z-index:
|
|
2738
|
+
z-index: 10;
|
|
2739
2739
|
position: fixed;
|
|
2740
2740
|
bottom: 0;
|
|
2741
2741
|
--bg-opacity:1;
|
|
@@ -10854,6 +10854,214 @@ body {
|
|
|
10854
10854
|
line-height: 24px;
|
|
10855
10855
|
font-size: 16px; }
|
|
10856
10856
|
|
|
10857
|
+
.reverse-actionbar {
|
|
10858
|
+
display: -webkit-box;
|
|
10859
|
+
display: -ms-flexbox;
|
|
10860
|
+
display: flex;
|
|
10861
|
+
-webkit-box-orient: vertical;
|
|
10862
|
+
-webkit-box-direction: normal;
|
|
10863
|
+
-ms-flex-direction: column;
|
|
10864
|
+
flex-direction: column;
|
|
10865
|
+
grid-gap: 15px;
|
|
10866
|
+
gap: 15px;
|
|
10867
|
+
max-width: 100%; }
|
|
10868
|
+
.reverse-actionbar .submit-bar, .reverse-actionbar .workbench .workbench-create-form div.action-bar-wrap .submit-bar, .workbench .workbench-create-form div.action-bar-wrap .reverse-actionbar .submit-bar, .reverse-actionbar .submit-bar-disabled {
|
|
10869
|
+
width: 100%;
|
|
10870
|
+
display: -webkit-box;
|
|
10871
|
+
display: -ms-flexbox;
|
|
10872
|
+
display: flex;
|
|
10873
|
+
-webkit-box-pack: center;
|
|
10874
|
+
-ms-flex-pack: center;
|
|
10875
|
+
justify-content: center;
|
|
10876
|
+
grid-gap: 10px;
|
|
10877
|
+
gap: 10px;
|
|
10878
|
+
-webkit-box-align: center;
|
|
10879
|
+
-ms-flex-align: center;
|
|
10880
|
+
align-items: center; }
|
|
10881
|
+
.reverse-actionbar .previous-button {
|
|
10882
|
+
margin-left: 0;
|
|
10883
|
+
width: 100%; }
|
|
10884
|
+
|
|
10885
|
+
@media (min-width: 640px) {
|
|
10886
|
+
.reverse-actionbar {
|
|
10887
|
+
display: -webkit-box;
|
|
10888
|
+
display: -ms-flexbox;
|
|
10889
|
+
display: flex;
|
|
10890
|
+
-webkit-box-orient: horizontal;
|
|
10891
|
+
-webkit-box-direction: reverse;
|
|
10892
|
+
-ms-flex-direction: row-reverse;
|
|
10893
|
+
flex-direction: row-reverse;
|
|
10894
|
+
-webkit-box-pack: justify;
|
|
10895
|
+
-ms-flex-pack: justify;
|
|
10896
|
+
justify-content: space-between;
|
|
10897
|
+
max-width: 100%; }
|
|
10898
|
+
.reverse-actionbar .submit-bar, .reverse-actionbar .workbench .workbench-create-form div.action-bar-wrap .submit-bar, .workbench .workbench-create-form div.action-bar-wrap .reverse-actionbar .submit-bar, .reverse-actionbar .submit-bar-disabled {
|
|
10899
|
+
width: 240px;
|
|
10900
|
+
display: -webkit-box;
|
|
10901
|
+
display: -ms-flexbox;
|
|
10902
|
+
display: flex;
|
|
10903
|
+
-webkit-box-pack: center;
|
|
10904
|
+
-ms-flex-pack: center;
|
|
10905
|
+
justify-content: center;
|
|
10906
|
+
grid-gap: 10px;
|
|
10907
|
+
gap: 10px;
|
|
10908
|
+
-webkit-box-align: center;
|
|
10909
|
+
-ms-flex-align: center;
|
|
10910
|
+
align-items: center; }
|
|
10911
|
+
.reverse-actionbar .previous-button {
|
|
10912
|
+
width: 240px; } }
|
|
10913
|
+
|
|
10914
|
+
@media (min-width: 48rem) {
|
|
10915
|
+
.reverse-actionbar .previous-button {
|
|
10916
|
+
margin-left: 4rem;
|
|
10917
|
+
width: 240px; } }
|
|
10918
|
+
|
|
10919
|
+
.project-details-table {
|
|
10920
|
+
display: -webkit-box;
|
|
10921
|
+
display: -ms-flexbox;
|
|
10922
|
+
display: flex;
|
|
10923
|
+
overflow-x: auto;
|
|
10924
|
+
overflow-y: visible;
|
|
10925
|
+
-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
|
|
10926
|
+
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
|
|
10927
|
+
width: 100%; }
|
|
10928
|
+
.project-details-table .table {
|
|
10929
|
+
width: 100%;
|
|
10930
|
+
min-width: -webkit-fit-content;
|
|
10931
|
+
min-width: -moz-fit-content;
|
|
10932
|
+
min-width: fit-content;
|
|
10933
|
+
border-collapse: collapse;
|
|
10934
|
+
font-family: Roboto;
|
|
10935
|
+
font-size: 14px;
|
|
10936
|
+
background-color: #fff;
|
|
10937
|
+
border: 1px solid #e0e0e0; }
|
|
10938
|
+
.project-details-table .table thead th {
|
|
10939
|
+
background-color: #eee;
|
|
10940
|
+
color: #0b4b66;
|
|
10941
|
+
font-weight: 600;
|
|
10942
|
+
text-align: left;
|
|
10943
|
+
padding: 16px 18px;
|
|
10944
|
+
font-size: 16px;
|
|
10945
|
+
line-height: 18px;
|
|
10946
|
+
position: relative; }
|
|
10947
|
+
.project-details-table .table thead th:not(:last-child):after {
|
|
10948
|
+
content: "";
|
|
10949
|
+
position: absolute;
|
|
10950
|
+
right: 0;
|
|
10951
|
+
top: 8px;
|
|
10952
|
+
bottom: 8px;
|
|
10953
|
+
width: 1px;
|
|
10954
|
+
background-color: #787878; }
|
|
10955
|
+
.project-details-table .table thead th[style*="min-width: 100px"] {
|
|
10956
|
+
text-align: center;
|
|
10957
|
+
width: 60px;
|
|
10958
|
+
min-width: 60px;
|
|
10959
|
+
padding: 12px; }
|
|
10960
|
+
.project-details-table .table tbody td {
|
|
10961
|
+
padding: 16px 18px;
|
|
10962
|
+
border-right: 1px solid #e0e0e0;
|
|
10963
|
+
border-bottom: 1px solid #e0e0e0;
|
|
10964
|
+
color: #666;
|
|
10965
|
+
font-size: 14px;
|
|
10966
|
+
line-height: 1.4; }
|
|
10967
|
+
.project-details-table .table tbody td:last-child {
|
|
10968
|
+
border-right: none; }
|
|
10969
|
+
.project-details-table .table tbody td[\:has\(input\[type\%3D\%22checkbox\%22\]\)] {
|
|
10970
|
+
text-align: center;
|
|
10971
|
+
width: 60px;
|
|
10972
|
+
min-width: 60px;
|
|
10973
|
+
padding: 12px; }
|
|
10974
|
+
.project-details-table .table tbody td:has(input[type=checkbox], .checkbox-wrap .input-emp[type=checkbox], .digit-checkbox-wrap .input-emp[type=checkbox]) {
|
|
10975
|
+
text-align: center;
|
|
10976
|
+
width: 60px;
|
|
10977
|
+
min-width: 60px;
|
|
10978
|
+
padding: 12px; }
|
|
10979
|
+
.project-details-table .table tbody tr:nth-child(2n) {
|
|
10980
|
+
background-color: #f8f9fa; }
|
|
10981
|
+
.project-details-table .table tbody tr:nth-child(odd) {
|
|
10982
|
+
background-color: #fff; }
|
|
10983
|
+
.project-details-table .table tbody tr:hover {
|
|
10984
|
+
background-color: #f0f7ff;
|
|
10985
|
+
cursor: pointer; }
|
|
10986
|
+
.project-details-table .table tbody tr td:first-child {
|
|
10987
|
+
font-weight: 500;
|
|
10988
|
+
color: #333; }
|
|
10989
|
+
.project-details-table .pagination {
|
|
10990
|
+
display: -webkit-box;
|
|
10991
|
+
display: -ms-flexbox;
|
|
10992
|
+
display: flex;
|
|
10993
|
+
-webkit-box-align: center;
|
|
10994
|
+
-ms-flex-align: center;
|
|
10995
|
+
align-items: center;
|
|
10996
|
+
-webkit-box-pack: end;
|
|
10997
|
+
-ms-flex-pack: end;
|
|
10998
|
+
justify-content: flex-end;
|
|
10999
|
+
padding: 16px 0;
|
|
11000
|
+
grid-gap: 12px;
|
|
11001
|
+
gap: 12px;
|
|
11002
|
+
color: #666;
|
|
11003
|
+
background-color: #fafafa;
|
|
11004
|
+
border-top: 1px solid #e0e0e0;
|
|
11005
|
+
margin-top: 0; }
|
|
11006
|
+
.project-details-table .pagination select {
|
|
11007
|
+
padding: 6px 12px;
|
|
11008
|
+
border: 1px solid #e0e0e0;
|
|
11009
|
+
border-radius: 10px;
|
|
11010
|
+
background-color: #fff;
|
|
11011
|
+
margin: 0 8px; }
|
|
11012
|
+
.project-details-table .pagination select:focus {
|
|
11013
|
+
outline: 2px solid #1976d2;
|
|
11014
|
+
outline-offset: -1px; }
|
|
11015
|
+
.project-details-table .pagination .cp {
|
|
11016
|
+
padding: 8px;
|
|
11017
|
+
cursor: pointer;
|
|
11018
|
+
border-radius: 10px;
|
|
11019
|
+
-webkit-transition: background-color .2s ease;
|
|
11020
|
+
transition: background-color .2s ease; }
|
|
11021
|
+
.project-details-table .pagination .cp:hover {
|
|
11022
|
+
background-color: #f0f7ff; }
|
|
11023
|
+
.project-details-table .pagination .cp:hover {
|
|
11024
|
+
background-color: #f0f0f0; }
|
|
11025
|
+
.project-details-table .actionBarWrapper {
|
|
11026
|
+
background-color: #e3f2fd;
|
|
11027
|
+
border: 1px solid #1976d2;
|
|
11028
|
+
border-radius: 10px;
|
|
11029
|
+
padding: 12px 16px;
|
|
11030
|
+
margin-top: 16px;
|
|
11031
|
+
display: -webkit-box;
|
|
11032
|
+
display: -ms-flexbox;
|
|
11033
|
+
display: flex;
|
|
11034
|
+
-webkit-box-align: center;
|
|
11035
|
+
-ms-flex-align: center;
|
|
11036
|
+
align-items: center;
|
|
11037
|
+
-webkit-box-pack: justify;
|
|
11038
|
+
-ms-flex-pack: justify;
|
|
11039
|
+
justify-content: space-between; }
|
|
11040
|
+
.project-details-table .actionBarWrapper .search-instruction-header {
|
|
11041
|
+
color: #333;
|
|
11042
|
+
font-weight: 500; }
|
|
11043
|
+
.project-details-table .toast {
|
|
11044
|
+
position: fixed;
|
|
11045
|
+
top: 20px;
|
|
11046
|
+
right: 20px;
|
|
11047
|
+
z-index: 1000;
|
|
11048
|
+
padding: 12px 16px;
|
|
11049
|
+
border-radius: 10px;
|
|
11050
|
+
background-color: #fff;
|
|
11051
|
+
-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
|
|
11052
|
+
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
|
|
11053
|
+
border-left: 4px solid #1976d2; }
|
|
11054
|
+
.project-details-table .toast.error {
|
|
11055
|
+
border-left-color: #d32f2f; }
|
|
11056
|
+
@media (max-width: 768px) {
|
|
11057
|
+
.project-details-table .table {
|
|
11058
|
+
min-width: 800px;
|
|
11059
|
+
white-space: nowrap; }
|
|
11060
|
+
.project-details-table .table td, .project-details-table .table th {
|
|
11061
|
+
min-width: 120px; }
|
|
11062
|
+
.project-details-table .table td:first-child, .project-details-table .table th:first-child {
|
|
11063
|
+
min-width: 150px; } }
|
|
11064
|
+
|
|
10857
11065
|
.wbh-header .header-icon-container {
|
|
10858
11066
|
cursor: pointer;
|
|
10859
11067
|
color: #c84c0e;
|
|
@@ -11109,6 +11317,9 @@ body {
|
|
|
11109
11317
|
.workbench-localization-add-popup .digit-popup-children-wrap {
|
|
11110
11318
|
overflow: visible !important; }
|
|
11111
11319
|
|
|
11320
|
+
.digit-bread-crumb--item .digit-bread-crumb-seperator {
|
|
11321
|
+
color: #0b0c0c; }
|
|
11322
|
+
|
|
11112
11323
|
.typography.text-heading-xl {
|
|
11113
11324
|
font-family: Roboto Condensed;
|
|
11114
11325
|
font-style: normal;
|
|
@@ -13613,6 +13824,10 @@ button:hover {
|
|
|
13613
13824
|
.chart-item-5 {
|
|
13614
13825
|
color: #0babde !important; }
|
|
13615
13826
|
|
|
13827
|
+
@media (max-width: 30rem) {
|
|
13828
|
+
.digit-topbar {
|
|
13829
|
+
height: 4.5rem; } }
|
|
13830
|
+
|
|
13616
13831
|
.wbh-header, .wbh-header-container {
|
|
13617
13832
|
display: -webkit-box !important;
|
|
13618
13833
|
display: -ms-flexbox !important;
|
|
@@ -14292,27 +14507,20 @@ input[type=number], .checkbox-wrap .input-emp[type=number], .digit-checkbox-wrap
|
|
|
14292
14507
|
width: calc(100% - 5rem); }
|
|
14293
14508
|
|
|
14294
14509
|
.actionBarClass {
|
|
14295
|
-
display: -webkit-box;
|
|
14296
|
-
display: -ms-flexbox;
|
|
14297
|
-
display: flex;
|
|
14298
|
-
-webkit-box-pack: justify;
|
|
14299
|
-
-ms-flex-pack: justify;
|
|
14300
|
-
justify-content: space-between;
|
|
14301
14510
|
-webkit-box-orient: horizontal;
|
|
14302
14511
|
-webkit-box-direction: reverse;
|
|
14303
14512
|
-ms-flex-direction: row-reverse;
|
|
14304
14513
|
flex-direction: row-reverse; }
|
|
14305
14514
|
|
|
14306
|
-
.
|
|
14307
|
-
margin-left: 4rem; }
|
|
14308
|
-
|
|
14309
|
-
.view-composer-header-section {
|
|
14515
|
+
.actionBarClass, .view-composer-header-section {
|
|
14310
14516
|
display: -webkit-box;
|
|
14311
14517
|
display: -ms-flexbox;
|
|
14312
14518
|
display: flex;
|
|
14313
14519
|
-webkit-box-pack: justify;
|
|
14314
14520
|
-ms-flex-pack: justify;
|
|
14315
|
-
justify-content: space-between;
|
|
14521
|
+
justify-content: space-between; }
|
|
14522
|
+
|
|
14523
|
+
.view-composer-header-section {
|
|
14316
14524
|
-webkit-box-align: center;
|
|
14317
14525
|
-ms-flex-align: center;
|
|
14318
14526
|
align-items: center; }
|
|
@@ -14346,3 +14554,6 @@ input[type=number], .checkbox-wrap .input-emp[type=number], .digit-checkbox-wrap
|
|
|
14346
14554
|
|
|
14347
14555
|
.workbench-localization-add-popup .digit-popup-children-wrap {
|
|
14348
14556
|
overflow: visible !important; }
|
|
14557
|
+
|
|
14558
|
+
.digit-bread-crumb--item .digit-bread-crumb-seperator {
|
|
14559
|
+
color: #0b0c0c; }
|