@selco/installation-ui-css 1.0.18 → 1.0.20

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@selco/installation-ui-css",
3
- "version": "1.0.18",
3
+ "version": "1.0.20",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "author": "Adithya Katuku",
package/src/index.scss CHANGED
@@ -126,6 +126,7 @@
126
126
  @import "pages/employee/fa/facilitydetailstable.scss";
127
127
  @import "./pages/employee/org/orguserstable.scss";
128
128
  @import "./pages/employee/org/adminorganizationtable.scss";
129
+ @import "./pages/employee/org/userjurisdictionstable.scss";
129
130
 
130
131
 
131
132
  .wbh-header-container {
@@ -920,6 +921,9 @@ input[type="number"] {
920
921
  margin-bottom: 0 !important;
921
922
  padding: 0 !important;
922
923
  }
924
+ .employee-select-wrap .select input[type="text"] {
925
+ z-index: 0 !important;
926
+ }
923
927
  }
924
928
 
925
929
  .toggle-option-container {
@@ -23,6 +23,10 @@
23
23
  font-size: 14px;
24
24
  line-height: 18px;
25
25
  border: 1px solid #D6D5D4;
26
+
27
+ &:last-child {
28
+ text-align: center !important;
29
+ }
26
30
  }
27
31
  }
28
32
 
@@ -33,6 +37,10 @@
33
37
  color: #363636;
34
38
  font-size: 14px;
35
39
  line-height: 1.4;
40
+
41
+ &:last-child {
42
+ text-align: center;
43
+ }
36
44
  }
37
45
  }
38
46
  }
@@ -0,0 +1,63 @@
1
+ .user-jurisdictions-table {
2
+ overflow-x: auto;
3
+ box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.2);
4
+ width: 100%;
5
+ display: flex;
6
+ align-items: flex-start;
7
+
8
+ .table {
9
+ width: 100%;
10
+ min-width: fit-content;
11
+ border-collapse: collapse;
12
+ font-family: Roboto;
13
+ font-size: 14px;
14
+ background-color: white;
15
+
16
+ thead {
17
+ th {
18
+ background-color: #EEEEEE;
19
+ color: #000000;
20
+ font-weight: 600;
21
+ text-align: left;
22
+ padding: 16px 18px;
23
+ font-size: 14px;
24
+ line-height: 18px;
25
+ border: 1px solid #D6D5D4;
26
+
27
+ &:first-child {
28
+ min-width: fit-content;
29
+ }
30
+
31
+ &:last-child {
32
+ text-align: center !important;
33
+ }
34
+ }
35
+ }
36
+
37
+ tbody {
38
+ td {
39
+ padding: 16px 18px;
40
+ border: 1px solid #D6D5D4;
41
+ color: #363636;
42
+ font-size: 14px;
43
+ line-height: 1.4;
44
+
45
+ &:last-child {
46
+ text-align: center;
47
+ }
48
+ }
49
+ }
50
+ }
51
+
52
+ @media (max-width: 768px) {
53
+ .table {
54
+ min-width: 800px;
55
+ white-space: nowrap;
56
+ }
57
+
58
+ .table th,
59
+ .table td {
60
+ min-width: 120px;
61
+ }
62
+ }
63
+ }