@policystudio/policy-studio-ui-vue 1.1.30 → 1.1.32
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/css/psui_styles.css
CHANGED
|
@@ -1118,10 +1118,11 @@ video {
|
|
|
1118
1118
|
|
|
1119
1119
|
.psui-el-accordion-item-header-wrapper {
|
|
1120
1120
|
display: flex;
|
|
1121
|
+
align-items: flex-start;
|
|
1122
|
+
justify-content: space-between;
|
|
1121
1123
|
width: 100%;
|
|
1122
1124
|
cursor: pointer;
|
|
1123
1125
|
transition-property: all;
|
|
1124
|
-
justify-content: space-between;
|
|
1125
1126
|
transition: cubic-bezier(.17,.67,.83,.67) 250ms;
|
|
1126
1127
|
--text-opacity: 1;
|
|
1127
1128
|
color: #28323B;
|
|
@@ -1140,6 +1141,10 @@ video {
|
|
|
1140
1141
|
color: rgba(49, 143, 172, var(--text-opacity));
|
|
1141
1142
|
}
|
|
1142
1143
|
|
|
1144
|
+
.psui-el-accordion-item-title {
|
|
1145
|
+
margin-right: auto;
|
|
1146
|
+
}
|
|
1147
|
+
|
|
1143
1148
|
.psui-el-accordion-item-icon {
|
|
1144
1149
|
font-family: 'Material Icons Round';
|
|
1145
1150
|
font-weight: normal;
|
package/package.json
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
padding-bottom: 16px;
|
|
21
21
|
|
|
22
22
|
&-wrapper {
|
|
23
|
-
@apply psui-flex psui-w-full psui-cursor-pointer psui-transition-all
|
|
23
|
+
@apply psui-flex psui-items-start psui-justify-between psui-w-full psui-cursor-pointer psui-transition-all transition-default psui-text-gray-80;
|
|
24
24
|
|
|
25
25
|
&:hover {
|
|
26
26
|
.psui-el-accordion-item-icon {
|
|
@@ -31,7 +31,10 @@
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
+
}
|
|
34
35
|
|
|
36
|
+
&-title {
|
|
37
|
+
@apply psui-mr-auto;
|
|
35
38
|
}
|
|
36
39
|
|
|
37
40
|
&-icon {
|
|
@@ -77,7 +80,6 @@
|
|
|
77
80
|
.psui-el-accordion-item {
|
|
78
81
|
&.status-opened .psui-el-accordion-item-header {
|
|
79
82
|
.psui-el-accordion-item-header-wrapper {
|
|
80
|
-
|
|
81
83
|
.psui-el-accordion-item-icon {
|
|
82
84
|
@apply psui-text-blue-60;
|
|
83
85
|
}
|
|
@@ -88,7 +90,6 @@
|
|
|
88
90
|
}
|
|
89
91
|
}
|
|
90
92
|
|
|
91
|
-
|
|
92
93
|
.psui-el-accordion-item-content {
|
|
93
94
|
@apply psui-list-none psui-text-gray-60 psui-mb-5;
|
|
94
95
|
}
|
|
@@ -1,29 +1,28 @@
|
|
|
1
1
|
@layer components {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
2
|
+
.psui-el-dropdown-menu {
|
|
3
|
+
@apply psui-relative psui-inline-block psui-text-left;
|
|
4
|
+
|
|
5
|
+
button {
|
|
6
|
+
@apply psui-inline-flex psui-justify-center psui-items-center psui-w-full psui-font-medium psui-leading-none;
|
|
7
|
+
background-color: transparent;
|
|
8
|
+
padding-top: 2.5px;
|
|
9
|
+
padding-bottom: 2.5px;
|
|
10
|
+
min-height: 27px;
|
|
11
|
+
font-size: 0.875rem;
|
|
12
|
+
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
&-dialog-wrapper {
|
|
21
|
-
@apply psui-hidden psui-origin-top-right psui-bg-white psui-fixed psui-w-auto psui-rounded-md psui-z-50 psui-opacity-0 psui-shadow-elevation-20 psui-transition-all psui-duration-100 psui-ease-in;
|
|
22
|
-
|
|
23
|
-
&-dialog {
|
|
24
|
-
@apply psui-w-full;
|
|
14
|
+
&:focus {
|
|
15
|
+
outline: none;
|
|
16
|
+
box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
25
19
|
|
|
26
|
-
|
|
27
|
-
|
|
20
|
+
&-dialog-wrapper {
|
|
21
|
+
@apply psui-hidden psui-origin-top-right psui-bg-white psui-fixed psui-w-auto psui-rounded-md psui-z-50 psui-opacity-0 psui-shadow-elevation-20 psui-transition-all psui-duration-100 psui-ease-in;
|
|
22
|
+
|
|
23
|
+
&-dialog {
|
|
24
|
+
@apply psui-w-full;
|
|
25
|
+
}
|
|
28
26
|
}
|
|
27
|
+
}
|
|
29
28
|
}
|