@leapdev/gui 0.2.259 → 0.2.262
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/4d-bylawyers.css +1 -1
- package/dist/css/4d-lawconnect.css +1 -1
- package/dist/css/4d-leap-web.css +1 -1
- package/dist/css/4d-leap.css +1 -1
- package/dist/css/x1-leap.css +1 -1
- package/dist/css/x1-titlex.css +1 -1
- package/dist/images/leap-auth/auth-logo.svg +2 -2
- package/dist/index.html +2 -2
- package/dist/scss/4d/overrides/nav/navbar.scss +145 -61
- package/dist/scss/x1/features/_all.scss +3 -0
- package/dist/scss/x1/features/feedback-banner/_feedback-banner.scss +64 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<svg xmlns="http://www.w3.org/2000/svg" width="194" height="60" viewBox="0 0 194 60">
|
|
2
2
|
<g fill="none" fill-rule="evenodd">
|
|
3
|
-
<polygon fill="#
|
|
4
|
-
<path fill="#
|
|
3
|
+
<polygon fill="#1e365e" points="2 50 41.998 50 41.998 10.016 2 10.016"/>
|
|
4
|
+
<path fill="#f69139" d="M54.2084,10 L61.9632,10 L61.9632,41.9992 L79.7928,41.9992 L83.114,50 L54.2084,50 L54.2084,10 Z M179.8284,33.9964 L168.1948,33.9964 L168.0556,50 L160.3008,50 L160.3008,10 C166.7628,10 173.226,10 179.6892,10 C195.63,10 195.8272,33.9964 179.8284,33.9964 Z M115.5084,17.9988 L92.4192,17.9988 L92.4192,25.9936 L107.818,25.9936 L107.818,33.9964 L92.4192,33.9964 L92.4192,41.9992 L115.5084,41.9992 L115.5084,50 L84.7224,50 L84.7224,10 L115.5084,10 L115.5084,17.9988 Z M19.0624,27.182 L22.3464,17.9988 L36.0796,24.252 L34.1688,40.0784 L32.1132,29.1244 L19.0624,27.182 Z M19.0624,27.1824 L25.05,29.318 L22.282,34.5908 L6.2696,42.0224 L18.0664,29.9708 L19.0624,27.1824 Z M150.3224,50 L147.0084,41.9992 L128.8808,41.9992 L125.568,50 L117.1168,50 L133.6824,10 L142.208,10 L158.774,50 L150.3224,50 Z M132.1956,33.9964 L143.6944,33.9964 L137.9452,20.114 L132.1956,33.9964 Z M168.1948,26.028 L179.8284,25.9936 C185.5604,25.9936 185.3624,17.9988 179.6892,17.9988 L168.18,17.9988 L168.1948,26.028 Z"/>
|
|
5
5
|
</g>
|
|
6
6
|
</svg>
|
package/dist/index.html
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
<meta charset="utf-8">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
6
6
|
<title>GUI v3</title>
|
|
7
|
-
<link href="css/x1-leap.css?
|
|
7
|
+
<link href="css/x1-leap.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/x1-titlex.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/x1-titlex-leap-design-fix.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/x1-leap-slim.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/x1-titlex-slim.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/x3-whitelabel.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/4d-leap.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/4d-lawconnect.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/4d-bylawyers.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/4d-leap-web.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/xsf-crx-leap.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/xsf-crx-lawconnect.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/auth-leap-web.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/auth-leap-desktop.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/auth-leap-addin.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/bs-leap-slim.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/bs-leap.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/bs-titlex.css?36302ae1e26515bdc8d0" rel="stylesheet"><link href="css/bs-lawconnect.css?36302ae1e26515bdc8d0" rel="stylesheet"></head>
|
|
8
8
|
<body class="container">
|
|
9
9
|
<h1>
|
|
10
10
|
h1. Bootstrap heading
|
|
@@ -27,5 +27,5 @@
|
|
|
27
27
|
<div class="p-3 mb-2 bg-light text-dark">.bg-light</div>
|
|
28
28
|
<div class="p-3 mb-2 bg-dark text-white">.bg-dark</div>
|
|
29
29
|
<div class="p-3 mb-2 bg-white text-dark">.bg-white</div>
|
|
30
|
-
<script type="text/javascript" src="app.js?
|
|
30
|
+
<script type="text/javascript" src="app.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="x1-leap.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="x1-titlex.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="x1-titlex-leap-design-fix.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="x1-leap-slim.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="x1-titlex-slim.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="x3-whitelabel.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="4d-leap.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="4d-lawconnect.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="4d-bylawyers.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="4d-leap-web.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="xsf-crx-leap.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="xsf-crx-lawconnect.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="auth-leap-web.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="auth-leap-desktop.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="auth-leap-addin.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="bs-leap-slim.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="bs-leap.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="bs-titlex.js?36302ae1e26515bdc8d0"></script><script type="text/javascript" src="bs-lawconnect.js?36302ae1e26515bdc8d0"></script></body>
|
|
31
31
|
</html>
|
|
@@ -1,23 +1,107 @@
|
|
|
1
|
-
.
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
.navbar-brand {
|
|
2
|
+
padding-top: 0;
|
|
3
|
+
padding-bottom: 0;
|
|
4
|
+
}
|
|
4
5
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
.leap-tabs,
|
|
7
|
+
.nav-tabs:not(.nav-tabs-inverted) {
|
|
8
|
+
background-color: $nav-tabs-bg;
|
|
9
|
+
}
|
|
10
|
+
.leap-tabs-inverted,
|
|
11
|
+
.nav-tabs.nav-tabs-inverted {
|
|
12
|
+
background-color: theme-color('primary-darker');
|
|
9
13
|
}
|
|
10
14
|
|
|
11
15
|
.nav-tabs {
|
|
12
|
-
|
|
16
|
+
&:not(.nav-tabs-inverted) {
|
|
17
|
+
@if $is-sirius {
|
|
18
|
+
border-bottom: 0.0625rem solid $border-color;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.nav-link {
|
|
22
|
+
background-color: transparent;
|
|
23
|
+
color: $body-color;
|
|
24
|
+
&::after {
|
|
25
|
+
content: '';
|
|
26
|
+
position: absolute;
|
|
27
|
+
height: 0.125rem;
|
|
28
|
+
width: 100%;
|
|
29
|
+
left: 0;
|
|
30
|
+
bottom: -1px;
|
|
31
|
+
transform: scaleX(0);
|
|
32
|
+
z-index: 10;
|
|
33
|
+
|
|
34
|
+
@if $is-sirius {
|
|
35
|
+
transition: all .25s ease-out;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
@include mobile-device-only {
|
|
40
|
+
&::after {
|
|
41
|
+
height: 0.25rem;
|
|
42
|
+
bottom: -0.125rem;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
}
|
|
47
|
+
&:hover {
|
|
48
|
+
color: theme-color('primary');
|
|
49
|
+
background-color: $nav-tabs-link-hover-bg;
|
|
50
|
+
|
|
51
|
+
&::after {
|
|
52
|
+
background: $nav-tabs-link-hover-border;
|
|
53
|
+
transform: scaleX(1);
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
&:not(.active):hover {
|
|
58
|
+
background-color: $nav-tabs-link-hover-bg;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
&.active {
|
|
62
|
+
color: $nav-tabs-link-active-color;
|
|
63
|
+
z-index: 2;
|
|
64
|
+
|
|
65
|
+
&::after {
|
|
66
|
+
background: $nav-tabs-link-active-border;
|
|
67
|
+
transform: scaleX(1);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
&.nav-tabs-inverted {
|
|
74
|
+
color: $white;
|
|
75
|
+
|
|
76
|
+
.nav-link {
|
|
77
|
+
background-color: transparent;
|
|
78
|
+
color: $white;
|
|
79
|
+
&:hover {
|
|
80
|
+
opacity: 1;
|
|
81
|
+
}
|
|
82
|
+
&:not(.active) {
|
|
83
|
+
opacity: 0.8;
|
|
84
|
+
&:hover {
|
|
85
|
+
opacity: 1;
|
|
86
|
+
background-color: darken(theme-color('primary-darker'), 5%);
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
&.active {
|
|
91
|
+
background-color: rgba(238, 238, 238, 0.25);
|
|
92
|
+
}
|
|
13
93
|
|
|
14
|
-
|
|
15
|
-
|
|
94
|
+
> span {
|
|
95
|
+
white-space: nowrap;
|
|
96
|
+
}
|
|
97
|
+
}
|
|
16
98
|
}
|
|
17
99
|
|
|
18
100
|
.nav-link {
|
|
19
|
-
|
|
20
|
-
|
|
101
|
+
// // IE Fix
|
|
102
|
+
// display: inline-block;
|
|
103
|
+
display: flex;
|
|
104
|
+
align-items: center;
|
|
21
105
|
padding: $nav-tabs-link-padding-x $nav-tabs-link-padding-y;
|
|
22
106
|
font-weight: $nav-tabs-link-font-weight;
|
|
23
107
|
font-size: $nav-tabs-link-font-size;
|
|
@@ -28,30 +112,6 @@
|
|
|
28
112
|
min-width: $nav-tabs-link-min-width;
|
|
29
113
|
z-index: 1;
|
|
30
114
|
|
|
31
|
-
&::after {
|
|
32
|
-
content: '';
|
|
33
|
-
position: absolute;
|
|
34
|
-
height: 0.125rem;
|
|
35
|
-
width: 100%;
|
|
36
|
-
left: 0;
|
|
37
|
-
bottom: -1px;
|
|
38
|
-
transform: scaleX(0);
|
|
39
|
-
z-index: 10;
|
|
40
|
-
|
|
41
|
-
@if $is-sirius {
|
|
42
|
-
transition: all .25s ease-out;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
@include mobile-device-only {
|
|
47
|
-
&::after {
|
|
48
|
-
height: 0.25rem;
|
|
49
|
-
bottom: -0.125rem;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
}
|
|
54
|
-
|
|
55
115
|
@if $nav-tabs-link-is-uppercase {
|
|
56
116
|
text-transform: uppercase;
|
|
57
117
|
}
|
|
@@ -62,33 +122,62 @@
|
|
|
62
122
|
}
|
|
63
123
|
}
|
|
64
124
|
|
|
65
|
-
|
|
66
|
-
|
|
125
|
+
> span {
|
|
126
|
+
letter-spacing: $nav-tabs-link-letter-spacing;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
|
67
130
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
131
|
+
.nav-tabs-icon {
|
|
132
|
+
.nav-link {
|
|
133
|
+
gap: 0.5rem;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
71
136
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}
|
|
137
|
+
.nav-tabs.nav-tabs-stacked {
|
|
138
|
+
flex-direction: column;
|
|
139
|
+
.nav-link {
|
|
140
|
+
padding: $nav-tabs-stacked-padding;
|
|
77
141
|
|
|
78
|
-
|
|
79
|
-
|
|
142
|
+
&.segment-button {
|
|
143
|
+
padding: $nav-tabs-stacked-padding;
|
|
80
144
|
}
|
|
145
|
+
}
|
|
81
146
|
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
147
|
+
@media screen and (max-width: 320px) {
|
|
148
|
+
&.nav-tabs-icon {
|
|
149
|
+
.segment-button-text {
|
|
150
|
+
display: none;
|
|
151
|
+
position: absolute;
|
|
152
|
+
left: 100%;
|
|
153
|
+
top: 0;
|
|
154
|
+
bottom: 0;
|
|
155
|
+
align-items: center;
|
|
156
|
+
padding: 0.75rem;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.segment-button {
|
|
160
|
+
padding: 0.75rem;
|
|
161
|
+
&:hover .segment-button-text {
|
|
162
|
+
display: flex;
|
|
163
|
+
background-color: darken(theme-color('primary-darker'), 5%);
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
&.active:hover .segment-button-text {
|
|
167
|
+
background-color: theme-color('primary-darker');
|
|
168
|
+
&::after {
|
|
169
|
+
content: '';
|
|
170
|
+
position: absolute;
|
|
171
|
+
background-color: rgba(238, 238, 238, 0.25);
|
|
172
|
+
z-index: 0;
|
|
173
|
+
top: 0;
|
|
174
|
+
left: 0;
|
|
175
|
+
right: 0;
|
|
176
|
+
bottom: 0;
|
|
177
|
+
}
|
|
178
|
+
}
|
|
87
179
|
}
|
|
88
|
-
}
|
|
89
180
|
|
|
90
|
-
> span {
|
|
91
|
-
letter-spacing: $nav-tabs-link-letter-spacing;
|
|
92
181
|
}
|
|
93
182
|
}
|
|
94
183
|
}
|
|
@@ -111,11 +200,6 @@
|
|
|
111
200
|
}
|
|
112
201
|
}
|
|
113
202
|
|
|
114
|
-
.navbar-brand {
|
|
115
|
-
padding-top: 0;
|
|
116
|
-
padding-bottom: 0;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
203
|
.navbar-light {
|
|
120
204
|
.nav-tabs {
|
|
121
205
|
.nav-link:not(.active) {
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
.x-feedback-banner {
|
|
2
|
+
// display: none;
|
|
3
|
+
&-container {
|
|
4
|
+
position: relative;
|
|
5
|
+
padding: 1.5rem 2rem;
|
|
6
|
+
border: 1px solid $border-color;
|
|
7
|
+
border-radius: $border-radius;
|
|
8
|
+
background-color: white;
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: space-between;
|
|
12
|
+
margin-top: 1rem;
|
|
13
|
+
box-shadow: 0 2px 2px 1px rgba(0,0,0,0.02);
|
|
14
|
+
-webkit-box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.02);
|
|
15
|
+
|
|
16
|
+
&::after {
|
|
17
|
+
content: '';
|
|
18
|
+
display: block;
|
|
19
|
+
position: absolute;
|
|
20
|
+
height: 0.25rem;
|
|
21
|
+
top: -1px;
|
|
22
|
+
left: 0;
|
|
23
|
+
right: 0;
|
|
24
|
+
border-top-left-radius: $border-radius;
|
|
25
|
+
border-top-right-radius: $border-radius;
|
|
26
|
+
background-color: theme-color('secondary-darker');;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&-text {
|
|
31
|
+
font-size: 1rem;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
&-text-heading {
|
|
35
|
+
color: theme-color('primary-lighter');
|
|
36
|
+
font-size: inherit;
|
|
37
|
+
font-weight: 600;
|
|
38
|
+
margin: 0;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
&-text-subtitle {
|
|
42
|
+
color: $body-color;
|
|
43
|
+
margin-top: 0.25rem;
|
|
44
|
+
margin-bottom: 0;
|
|
45
|
+
font-size: 0.875rem;
|
|
46
|
+
|
|
47
|
+
&:empty {
|
|
48
|
+
display: none;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
&-action {
|
|
53
|
+
display: flex;
|
|
54
|
+
gap: 1rem;
|
|
55
|
+
align-items: center;
|
|
56
|
+
width: auto;
|
|
57
|
+
|
|
58
|
+
.btn {
|
|
59
|
+
&:empty {
|
|
60
|
+
display: none;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|