satis 2.1.29 → 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 +1 -2
- data/app/components/satis/page/component.css +28 -33
- data/app/components/satis/page/component.html.slim +1 -7
- data/app/components/satis/sidebar/component.css +32 -24
- data/app/components/satis/sidebar/component.html.slim +2 -3
- data/app/components/satis/sidebar_menu_item/component.css +44 -20
- 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
|
-
overflow-y: scroll;
|
|
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
|
|
|
@@ -53,7 +52,7 @@
|
|
|
53
52
|
}
|
|
54
53
|
|
|
55
54
|
.topbar .satis-dropdown .sts-dropdown-results{
|
|
56
|
-
|
|
55
|
+
;
|
|
57
56
|
@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;
|
|
58
57
|
}
|
|
59
58
|
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
-
.
|
|
2
|
-
|
|
1
|
+
.h-screen.flex {
|
|
2
|
+
max-width: 100%;
|
|
3
|
+
max-height: 100%;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.page_bg {
|
|
3
7
|
flex-direction: column;
|
|
4
8
|
width: 0;
|
|
5
9
|
flex-grow: 1;
|
|
@@ -8,44 +12,38 @@
|
|
|
8
12
|
background-color: #f3f3f4;
|
|
9
13
|
}
|
|
10
14
|
|
|
11
|
-
.arrow {
|
|
12
|
-
opacity: 0.5;
|
|
13
|
-
display: block;
|
|
14
|
-
width: 70px;
|
|
15
|
+
.sidebar .arrow {
|
|
15
16
|
margin-top: 20px;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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;
|
|
19
22
|
}
|
|
20
23
|
|
|
21
24
|
.sidebar.close .arrow{
|
|
22
|
-
margin-
|
|
25
|
+
margin-right: -20px;
|
|
26
|
+
transform: scaleX(1);
|
|
23
27
|
}
|
|
24
28
|
|
|
25
|
-
.
|
|
26
|
-
display: none;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.sidebar.close .fa-solid.fa-arrow-right-to-bracket{
|
|
29
|
+
.h-screen.flex .page_bg .topbar .account-icon {
|
|
30
30
|
display: block;
|
|
31
|
+
margin-top: -14px;
|
|
32
|
+
margin-left: -30px;
|
|
33
|
+
opacity: 100%;
|
|
31
34
|
}
|
|
32
35
|
|
|
33
|
-
.
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
display: none;
|
|
36
|
+
.h-screen.flex .page_bg .topbar .account-name {
|
|
37
|
+
@apply dark:text-white;
|
|
38
|
+
display: block;
|
|
39
|
+
margin-top: 20px;
|
|
40
|
+
opacity: 75%;
|
|
39
41
|
}
|
|
40
42
|
|
|
41
43
|
.topbar.close .account-icon {
|
|
42
44
|
display:block;
|
|
43
45
|
}
|
|
44
46
|
|
|
45
|
-
.sidebar .fa-solid.arrow-left-to-bracket{
|
|
46
|
-
display: block;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
47
|
.arrow:hover {
|
|
50
48
|
color: #555555;
|
|
51
49
|
cursor: pointer;
|
|
@@ -65,22 +63,19 @@
|
|
|
65
63
|
background: rgb(17, 24, 39);
|
|
66
64
|
}
|
|
67
65
|
|
|
68
|
-
.page_body {
|
|
66
|
+
.page_bg .page_body {
|
|
69
67
|
margin-left: 260px;
|
|
68
|
+
overflow-y: auto;
|
|
70
69
|
max-width: 87%;
|
|
71
|
-
position: relative;
|
|
72
|
-
transition: 0.3s ease;
|
|
73
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;
|
|
74
74
|
}
|
|
75
75
|
.page_bg .page_body.close {
|
|
76
76
|
margin-left: 60px;
|
|
77
77
|
z-index: 1;
|
|
78
|
-
position: relative;
|
|
79
|
-
}
|
|
80
78
|
|
|
81
|
-
.page_bg .page_body.close .flex-1{
|
|
82
|
-
z-index: 1;
|
|
83
|
-
position: relative;
|
|
84
79
|
}
|
|
85
80
|
|
|
86
81
|
.dark .page_body {
|
|
@@ -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
|
|
@@ -25,7 +19,7 @@ html lang="en"
|
|
|
25
19
|
|
|
26
20
|
/ BODY
|
|
27
21
|
.page_body
|
|
28
|
-
main.flex-1.relative.
|
|
22
|
+
main.flex-1.relative.focus:outline-none
|
|
29
23
|
.mt-4
|
|
30
24
|
.max-w.mx-auto.px-4.sm:px-4.md:px-4
|
|
31
25
|
= body
|
|
@@ -1,33 +1,34 @@
|
|
|
1
|
-
.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;
|
|
9
|
+
overflow-y: scroll;
|
|
8
10
|
scrollbar-width: none;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
margin-top: 4rem;
|
|
15
|
-
overflow: visible;
|
|
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
|
-
overflow: visible;
|
|
28
28
|
top: 0;
|
|
29
29
|
left: 0;
|
|
30
30
|
height: 100%;
|
|
31
|
+
margin-top: 5rem;
|
|
31
32
|
width: 60px;
|
|
32
33
|
z-index: 1000;
|
|
33
34
|
scrollbar-width: none;
|
|
@@ -38,19 +39,23 @@
|
|
|
38
39
|
}
|
|
39
40
|
|
|
40
41
|
|
|
41
|
-
.page_bg .topbar {
|
|
42
|
+
.h-screen.flex .page_bg .topbar {
|
|
43
|
+
height: 4rem;
|
|
42
44
|
flex-shrink: 0;
|
|
43
45
|
display: flex;
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
margin-left: 260px;
|
|
46
|
+
max-width: 100%;
|
|
47
|
+
margin-left: 0;
|
|
47
48
|
background: white;
|
|
48
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;
|
|
49
54
|
}
|
|
50
55
|
|
|
51
56
|
.h-screen.flex .page_bg .topbar.close {
|
|
52
57
|
max-width: 100%;
|
|
53
|
-
margin-left:
|
|
58
|
+
margin-left: 0;
|
|
54
59
|
}
|
|
55
60
|
|
|
56
61
|
.page_body.close {
|
|
@@ -68,13 +73,16 @@
|
|
|
68
73
|
opacity: 0;
|
|
69
74
|
}
|
|
70
75
|
|
|
76
|
+
.h-screen.flex .page_bg .sidebar .boxture-logo{
|
|
77
|
+
margin-top: 30px;
|
|
78
|
+
}
|
|
71
79
|
|
|
72
80
|
.sidebar.close .boxture-logo {
|
|
73
81
|
opacity: 0;
|
|
74
82
|
}
|
|
75
83
|
|
|
76
|
-
.sidebar.close .icon-link {
|
|
77
|
-
margin-top:
|
|
84
|
+
.h-screen.flex .page_bg .sidebar.close .icon-link {
|
|
85
|
+
margin-top: 0;
|
|
78
86
|
transition: 0.3s ease;
|
|
79
87
|
transition-delay: 0.1s;
|
|
80
88
|
}
|
|
@@ -115,14 +123,14 @@
|
|
|
115
123
|
display: none;
|
|
116
124
|
}
|
|
117
125
|
|
|
118
|
-
.dark .sidebar {
|
|
119
|
-
|
|
126
|
+
.dark .h-screen.flex .page_bg .sidebar {
|
|
127
|
+
@apply bg-gray-800;
|
|
120
128
|
}
|
|
121
129
|
|
|
122
130
|
.dark .sidebar .logo_name {
|
|
123
131
|
color: #edecec;
|
|
124
132
|
}
|
|
125
133
|
|
|
126
|
-
.dark .topbar {
|
|
127
|
-
|
|
134
|
+
.dark .h-screen.flex .topbar {
|
|
135
|
+
@apply bg-gray-800;
|
|
128
136
|
}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
.sidebar
|
|
2
|
-
= header
|
|
1
|
+
.sidebar
|
|
3
2
|
.icon-link
|
|
4
3
|
- @menu.items.each do |item|
|
|
5
4
|
= render Satis::SidebarMenuItem::Component.new(item: item, menu_options: menu_options)
|
|
6
|
-
.arrow
|
|
5
|
+
.arrow
|
|
7
6
|
.fa-solid.fa-arrow-right-to-bracket
|
|
8
7
|
= footer
|
|
9
8
|
|
|
@@ -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,17 +48,21 @@
|
|
|
46
48
|
opacity: 0;
|
|
47
49
|
}
|
|
48
50
|
|
|
49
|
-
.page_bg .sidebar.close .sts-sidebar-menu-item:hover .sts-sidebar-menu-item__label {
|
|
50
|
-
|
|
51
|
-
|
|
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;
|
|
53
|
+
display: block;
|
|
54
|
+
position: fixed;
|
|
55
|
+
padding-right: 20px;
|
|
56
|
+
padding-left: 20px;
|
|
57
|
+
margin-left: 25px;
|
|
52
58
|
}
|
|
53
59
|
|
|
54
|
-
.page_bg .sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] {
|
|
55
|
-
@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;
|
|
56
62
|
display: block;
|
|
57
63
|
visibility: visible;
|
|
58
64
|
opacity: 1;
|
|
59
|
-
position:
|
|
65
|
+
position: fixed;
|
|
60
66
|
overflow-y: scroll;
|
|
61
67
|
padding-right: 20px;
|
|
62
68
|
margin-left: 35px;
|
|
@@ -64,24 +70,42 @@
|
|
|
64
70
|
z-index: 1000;
|
|
65
71
|
}
|
|
66
72
|
|
|
67
|
-
.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 {
|
|
74
|
+
background: none;
|
|
75
|
+
display:block;
|
|
68
76
|
overflow: visible;
|
|
69
77
|
z-index: 1000;
|
|
78
|
+
padding: 0;
|
|
70
79
|
}
|
|
71
80
|
|
|
72
|
-
.page_bg .sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"] .sts-sidebar-menu-item
|
|
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;
|
|
87
|
+
}
|
|
88
|
+
|
|
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"] {
|
|
73
90
|
z-index: 1005;
|
|
74
91
|
margin-left: 123px;
|
|
75
92
|
overflow-y: scroll;
|
|
93
|
+
margin-top: -80px;
|
|
76
94
|
}
|
|
77
95
|
|
|
78
|
-
.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"] {
|
|
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"] {
|
|
97
|
+
display: block;
|
|
98
|
+
visibility: visible;
|
|
99
|
+
opacity: 1;
|
|
79
100
|
position: relative;
|
|
80
|
-
|
|
81
|
-
margin-left: 123px;
|
|
101
|
+
overflow: visible;
|
|
82
102
|
overflow-y: scroll;
|
|
103
|
+
padding-right: 20px;
|
|
104
|
+
margin-left: 35px;
|
|
105
|
+
margin-top: -80px;
|
|
106
|
+
z-index: 1020;
|
|
83
107
|
}
|
|
84
108
|
|
|
85
109
|
.sidebar.close .sts-sidebar-menu-item:hover > [data-satis-sidebar-menu-item-target="submenu"]::-webkit-scrollbar {
|
|
86
|
-
display: none;
|
|
110
|
+
display: none;
|
|
87
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
|