satis 2.1.30 → 2.1.31
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/components/satis/dropdown/component.css +0 -1
- data/app/components/satis/page/component.css +30 -29
- data/app/components/satis/page/component.html.slim +0 -6
- data/app/components/satis/sidebar/component.css +31 -22
- data/app/components/satis/sidebar/component.html.slim +0 -1
- data/app/components/satis/sidebar_menu_item/component.css +30 -21
- data/lib/satis/version.rb +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1b856c058d421582ccf6bac4a7c2beead975640369a6b38e9035bf88fc1388c5
|
|
4
|
+
data.tar.gz: 53e412f001e2ef3595ea77684028489b7dee9b12ed1bb63009e6eda9fe0ec1aa
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 329bb27dce31812e90a5d35d0ca26d94ee791f001adade8eca45b7b5ed7c432152c24866f9f90d5983541db6a7b819bc1562819b5043ce253690c0af07118da2
|
|
7
|
+
data.tar.gz: 349ab97c7b903fdb4e59efc013fadf34cbd368e449e8a6a5b21b5061c6a952266566297ef0a6776915a8ad78cf466631d120e08a6738b77224b3ab94871b0d77
|
|
@@ -32,7 +32,6 @@
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.page_body .satis-dropdown .sts-dropdown-results{
|
|
35
|
-
;
|
|
36
35
|
@apply bg-white divide-gray-900 divide-opacity-25 shadow-gray-300 shadow-lg text-gray-900 text-opacity-75 dark:bg-gray-900 dark:shadow-gray-700 dark:shadow-lg dark:bg-opacity-75 dark:divide-gray-50 dark:divide-opacity-25 dark:text-gray-300;
|
|
37
36
|
}
|
|
38
37
|
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
.h-screen.flex {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
overflow: hidden;
|
|
6
|
-
}
|
|
1
|
+
.h-screen.flex {
|
|
2
|
+
max-width: 100%;
|
|
3
|
+
max-height: 100%;
|
|
4
|
+
}
|
|
7
5
|
|
|
8
|
-
.page_bg {
|
|
6
|
+
.page_bg {
|
|
9
7
|
flex-direction: column;
|
|
10
8
|
width: 0;
|
|
11
9
|
flex-grow: 1;
|
|
@@ -14,30 +12,36 @@
|
|
|
14
12
|
background-color: #f3f3f4;
|
|
15
13
|
}
|
|
16
14
|
|
|
17
|
-
.arrow {
|
|
18
|
-
opacity: 0.5;
|
|
19
|
-
display: block;
|
|
20
|
-
width: 70px;
|
|
15
|
+
.sidebar .arrow {
|
|
21
16
|
margin-top: 20px;
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
17
|
+
font-size: 20px;
|
|
18
|
+
opacity: 0.5;
|
|
19
|
+
margin-left: 160px;
|
|
20
|
+
transform: scaleX(-1);
|
|
21
|
+
transition: backdrop-filter 0.3s ease-in-out, transform 0.3s ease-in-out;
|
|
25
22
|
}
|
|
26
23
|
|
|
27
24
|
.sidebar.close .arrow{
|
|
28
|
-
margin-
|
|
25
|
+
margin-right: -20px;
|
|
26
|
+
transform: scaleX(1);
|
|
29
27
|
}
|
|
30
28
|
|
|
31
|
-
.topbar .account-icon {
|
|
32
|
-
display:
|
|
29
|
+
.h-screen.flex .page_bg .topbar .account-icon {
|
|
30
|
+
display: block;
|
|
31
|
+
margin-top: -14px;
|
|
32
|
+
margin-left: -30px;
|
|
33
|
+
opacity: 100%;
|
|
33
34
|
}
|
|
34
35
|
|
|
35
|
-
.
|
|
36
|
-
|
|
36
|
+
.h-screen.flex .page_bg .topbar .account-name {
|
|
37
|
+
@apply dark:text-white;
|
|
38
|
+
display: block;
|
|
39
|
+
margin-top: 20px;
|
|
40
|
+
opacity: 75%;
|
|
37
41
|
}
|
|
38
42
|
|
|
39
|
-
.
|
|
40
|
-
display:
|
|
43
|
+
.topbar.close .account-icon {
|
|
44
|
+
display:block;
|
|
41
45
|
}
|
|
42
46
|
|
|
43
47
|
.arrow:hover {
|
|
@@ -59,23 +63,20 @@
|
|
|
59
63
|
background: rgb(17, 24, 39);
|
|
60
64
|
}
|
|
61
65
|
|
|
62
|
-
.page_body {
|
|
66
|
+
.page_bg .page_body {
|
|
63
67
|
margin-left: 260px;
|
|
68
|
+
overflow-y: auto;
|
|
64
69
|
max-width: 87%;
|
|
65
|
-
transition: 0.3s ease;
|
|
66
70
|
transition-delay: 0.1s;
|
|
71
|
+
position: relative;
|
|
72
|
+
height: calc(100vh - 4rem);
|
|
73
|
+
transition: backdrop-filter 0.3s ease-in-out, transform 0.3s ease-in-out;
|
|
67
74
|
}
|
|
68
75
|
.page_bg .page_body.close {
|
|
69
76
|
margin-left: 60px;
|
|
70
77
|
z-index: 1;
|
|
71
78
|
|
|
72
79
|
}
|
|
73
|
-
|
|
74
|
-
.page_bg .page_body.close .flex-1{
|
|
75
|
-
z-index: 1;
|
|
76
|
-
position: relative;
|
|
77
|
-
|
|
78
|
-
}
|
|
79
80
|
|
|
80
81
|
.dark .page_body {
|
|
81
82
|
background: rgb(17, 24, 39);
|
|
@@ -10,12 +10,6 @@ html lang="en"
|
|
|
10
10
|
/ TOPBAR
|
|
11
11
|
.page_bg
|
|
12
12
|
.topbar
|
|
13
|
-
.account-icon
|
|
14
|
-
- if Current.account.logo.attached?
|
|
15
|
-
= image_tag url_for(Current.account.logo.variant(resize_to_limit: [nil, 25]).processed)
|
|
16
|
-
- else
|
|
17
|
-
.h-8.w-auto
|
|
18
|
-
= Current.account.name
|
|
19
13
|
/ NAVBAR
|
|
20
14
|
.flex-1.px-4.flex.justify-between
|
|
21
15
|
= navbar
|
|
@@ -1,32 +1,34 @@
|
|
|
1
|
-
.h-screen.flex .sidebar {
|
|
2
|
-
height: 100%;
|
|
1
|
+
.h-screen.flex .page_bg .sidebar {
|
|
3
2
|
width: 260px;
|
|
4
|
-
|
|
3
|
+
height: 100%;
|
|
5
4
|
position: absolute;
|
|
5
|
+
z-index: 1000;
|
|
6
|
+
margin-top: 16px;
|
|
6
7
|
background: #ffffff;
|
|
7
8
|
overflow: visible;
|
|
8
9
|
overflow-y: scroll;
|
|
9
10
|
scrollbar-width: none;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
margin-top: 4rem;
|
|
11
|
+
border-top-right-radius: 8px;
|
|
12
|
+
border-top-left-radius: 8px;
|
|
13
|
+
border-bottom-right-radius: 8px;
|
|
14
|
+
box-shadow: 5px 0 5px -5px rgba(31, 38, 135, 0.37);
|
|
15
|
+
transition: backdrop-filter 0.3s ease-in-out, transform 0.3s ease-in-out;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.h-screen.flex .page_bg .sidebar.close .sts-sidebar-menu-item{
|
|
19
19
|
z-index: 1001;
|
|
20
20
|
position: relative;
|
|
21
|
-
|
|
21
|
+
margin-left: 10px;
|
|
22
|
+
transition: backdrop-filter 0.3s ease-in-out, transform 0.3s ease-in-out;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
|
|
25
|
-
.page_bg .sidebar.close {
|
|
26
|
+
.h-screen.flex .page_bg .sidebar.close {
|
|
26
27
|
position: absolute;
|
|
27
28
|
top: 0;
|
|
28
29
|
left: 0;
|
|
29
30
|
height: 100%;
|
|
31
|
+
margin-top: 5rem;
|
|
30
32
|
width: 60px;
|
|
31
33
|
z-index: 1000;
|
|
32
34
|
scrollbar-width: none;
|
|
@@ -37,19 +39,23 @@
|
|
|
37
39
|
}
|
|
38
40
|
|
|
39
41
|
|
|
40
|
-
.page_bg .topbar {
|
|
42
|
+
.h-screen.flex .page_bg .topbar {
|
|
43
|
+
height: 4rem;
|
|
41
44
|
flex-shrink: 0;
|
|
42
45
|
display: flex;
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
margin-left: 260px;
|
|
46
|
+
max-width: 100%;
|
|
47
|
+
margin-left: 0;
|
|
46
48
|
background: white;
|
|
47
49
|
z-index: 2;
|
|
50
|
+
border-bottom-left-radius: 8px;
|
|
51
|
+
border-bottom-right-radius: 8px;
|
|
52
|
+
box-shadow: 0 5px 5px -5px rgba(31, 38, 135, 0.37);
|
|
53
|
+
transition: backdrop-filter 0.3s ease-in-out, transform 0.3s ease-in-out;
|
|
48
54
|
}
|
|
49
55
|
|
|
50
56
|
.h-screen.flex .page_bg .topbar.close {
|
|
51
57
|
max-width: 100%;
|
|
52
|
-
margin-left:
|
|
58
|
+
margin-left: 0;
|
|
53
59
|
}
|
|
54
60
|
|
|
55
61
|
.page_body.close {
|
|
@@ -67,13 +73,16 @@
|
|
|
67
73
|
opacity: 0;
|
|
68
74
|
}
|
|
69
75
|
|
|
76
|
+
.h-screen.flex .page_bg .sidebar .boxture-logo{
|
|
77
|
+
margin-top: 30px;
|
|
78
|
+
}
|
|
70
79
|
|
|
71
80
|
.sidebar.close .boxture-logo {
|
|
72
81
|
opacity: 0;
|
|
73
82
|
}
|
|
74
83
|
|
|
75
|
-
.sidebar.close .icon-link {
|
|
76
|
-
margin-top:
|
|
84
|
+
.h-screen.flex .page_bg .sidebar.close .icon-link {
|
|
85
|
+
margin-top: 0;
|
|
77
86
|
transition: 0.3s ease;
|
|
78
87
|
transition-delay: 0.1s;
|
|
79
88
|
}
|
|
@@ -114,14 +123,14 @@
|
|
|
114
123
|
display: none;
|
|
115
124
|
}
|
|
116
125
|
|
|
117
|
-
.dark .h-screen.flex .sidebar {
|
|
118
|
-
|
|
126
|
+
.dark .h-screen.flex .page_bg .sidebar {
|
|
127
|
+
@apply bg-gray-800;
|
|
119
128
|
}
|
|
120
129
|
|
|
121
130
|
.dark .sidebar .logo_name {
|
|
122
131
|
color: #edecec;
|
|
123
132
|
}
|
|
124
133
|
|
|
125
|
-
.dark .topbar {
|
|
126
|
-
|
|
134
|
+
.dark .h-screen.flex .topbar {
|
|
135
|
+
@apply bg-gray-800;
|
|
127
136
|
}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
.sts-sidebar-menu-item {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
2
|
+
@apply pt-1;
|
|
3
|
+
& a.focus {
|
|
4
|
+
background: rgba(1, 1, 1, 0.1);
|
|
5
|
+
|
|
6
|
+
.dark & {
|
|
7
|
+
background: rgba(255, 255, 255, 0.3);
|
|
8
|
+
}
|
|
9
|
+
.close & {
|
|
10
|
+
width: 40px;
|
|
9
11
|
}
|
|
12
|
+
}
|
|
10
13
|
|
|
11
14
|
&.active > [data-satis-sidebar-menu-item-target="link"] [data-satis-sidebar-menu-item-target="indicator"] {
|
|
12
15
|
@apply rotate-90;
|
|
@@ -33,7 +36,6 @@
|
|
|
33
36
|
|
|
34
37
|
.page_bg .sidebar.close .sts-sidebar-menu-item__menu-icon {
|
|
35
38
|
display: none;
|
|
36
|
-
margin-left: 2px;
|
|
37
39
|
}
|
|
38
40
|
|
|
39
41
|
.page_bg .sidebar.close .sts-sidebar-menu-item__label {
|
|
@@ -46,16 +48,17 @@
|
|
|
46
48
|
opacity: 0;
|
|
47
49
|
}
|
|
48
50
|
|
|
49
|
-
.page_bg .sidebar.close .sts-sidebar-menu-item:hover:not(:has([data-satis-sidebar-menu-item-target="submenu"])) .sts-sidebar-menu-item__label {
|
|
50
|
-
@apply dark:bg-gray-900;
|
|
51
|
+
.h-screen.flex .page_bg .sidebar.close .icon-link > .sts-sidebar-menu-item:hover:not(:has([data-satis-sidebar-menu-item-target="submenu"])) .sts-sidebar-menu-item__label {
|
|
52
|
+
@apply rounded-md bg-white dark:bg-gray-900 shadow-md;
|
|
51
53
|
display: block;
|
|
52
|
-
|
|
53
|
-
padding:
|
|
54
|
-
|
|
54
|
+
position: fixed;
|
|
55
|
+
padding-right: 20px;
|
|
56
|
+
padding-left: 20px;
|
|
57
|
+
margin-left: 25px;
|
|
55
58
|
}
|
|
56
59
|
|
|
57
|
-
.h-screen.flex .page_bg .sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] {
|
|
58
|
-
@apply rounded-md bg-white dark:bg-gray-900 py-0 px-0;
|
|
60
|
+
.h-screen.flex .page_bg .sidebar.close .icon-link .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] {
|
|
61
|
+
@apply rounded-md bg-white dark:bg-gray-900 py-0 px-0 shadow-lg;
|
|
59
62
|
display: block;
|
|
60
63
|
visibility: visible;
|
|
61
64
|
opacity: 1;
|
|
@@ -67,21 +70,27 @@
|
|
|
67
70
|
z-index: 1000;
|
|
68
71
|
}
|
|
69
72
|
|
|
70
|
-
.page_bg .sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item
|
|
73
|
+
.page_bg .sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item .sts-sidebar-menu-item__label {
|
|
71
74
|
background: none;
|
|
75
|
+
display:block;
|
|
72
76
|
overflow: visible;
|
|
73
77
|
z-index: 1000;
|
|
74
|
-
padding:
|
|
78
|
+
padding: 0;
|
|
75
79
|
}
|
|
76
80
|
|
|
77
|
-
.
|
|
78
|
-
|
|
81
|
+
.page_bg .sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item .sts-sidebar-menu-item__label {
|
|
82
|
+
z-index: 1000;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.h-screen.flex .page_bg .sidebar.close .icon-link .sts-sidebar-menu-item:last-child:hover > [data-satis-sidebar-menu-item-target="submenu"] {
|
|
86
|
+
margin-top: -425px;
|
|
79
87
|
}
|
|
80
88
|
|
|
81
89
|
.h-screen.flex .page_bg .sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] {
|
|
82
90
|
z-index: 1005;
|
|
83
91
|
margin-left: 123px;
|
|
84
92
|
overflow-y: scroll;
|
|
93
|
+
margin-top: -80px;
|
|
85
94
|
}
|
|
86
95
|
|
|
87
96
|
.h-screen.flex .page_bg .sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] {
|
|
@@ -93,10 +102,10 @@
|
|
|
93
102
|
overflow-y: scroll;
|
|
94
103
|
padding-right: 20px;
|
|
95
104
|
margin-left: 35px;
|
|
96
|
-
margin-top: -
|
|
105
|
+
margin-top: -80px;
|
|
97
106
|
z-index: 1020;
|
|
98
107
|
}
|
|
99
108
|
|
|
100
109
|
.sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"]::-webkit-scrollbar {
|
|
101
|
-
display: none;
|
|
110
|
+
display: none;
|
|
102
111
|
}
|
data/lib/satis/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: satis
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 2.1.
|
|
4
|
+
version: 2.1.31
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Tom de Grunt
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2024-07-
|
|
11
|
+
date: 2024-07-09 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: browser
|