mno-enterprise-frontend 3.2.1 → 3.3.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/images/mno_enterprise/loader-32x32-bg-inverse.gif +0 -0
- data/app/assets/stylesheets/mno_enterprise/custom/utility/progress-bar.less +3 -3
- data/app/assets/stylesheets/mno_enterprise/custom/utility/text.less +0 -20
- data/app/assets/stylesheets/mno_enterprise/custom/views/pages/confirmation_lounge.less +3 -3
- data/app/assets/stylesheets/mno_enterprise/custom/views/registration.less +21 -10
- data/app/assets/stylesheets/mno_enterprise/custom/views/templates/notification-widget.less +5 -5
- data/app/assets/stylesheets/mno_enterprise/custom/views/templates/password-strength.less +4 -4
- data/app/assets/stylesheets/mno_enterprise/main.less +0 -6
- data/app/assets/stylesheets/mno_enterprise/variables.less +189 -77
- data/app/views/mno_enterprise/pages/app_access_unauthorized.html.haml +1 -1
- data/app/views/mno_enterprise/pages/app_logout.html.haml +1 -1
- data/app/views/mno_enterprise/pages/billing_details_required.html.haml +19 -17
- data/lib/mno_enterprise/frontend/locales_generator.rb +2 -1
- data/lib/tasks/mnoe_admin_tasks.rake +124 -28
- data/lib/tasks/mnoe_frontend_tasks.rake +2 -2
- data/lib/tasks/mnoe_locales.rake +16 -0
- data/lib/tasks/templates-admin/font-faces.less +2 -0
- data/lib/tasks/templates/package.json +3 -0
- data/spec/lib/tasks/mnoe_locales_rake_spec.rb +33 -0
- metadata +7 -12
- data/app/assets/stylesheets/mno_enterprise/custom/button.less +0 -84
- data/app/assets/stylesheets/mno_enterprise/custom/header.less +0 -281
- data/app/assets/stylesheets/mno_enterprise/custom/modal.less +0 -183
- data/app/assets/stylesheets/mno_enterprise/custom/utilities.less +0 -729
- data/app/assets/stylesheets/mno_enterprise/custom/utility/tabset.less +0 -87
- data/app/assets/stylesheets/mno_enterprise/custom/xeditable.less +0 -40
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: af6efb9bdfdd9c39e7aefb3216b184ce8179be47
|
4
|
+
data.tar.gz: 5ef22d205228e9dd8187c58ad1de3720aecef2aa
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 2e158e4d57556afa398c90fa7ff4cd522981a232010539a61d2d1589a9000f4fa4e689e06e4a25a65333d840f65e0cc78ca5ae48777742e178705477f3dfa6d5
|
7
|
+
data.tar.gz: e551eddd77a2851d26cc555d12ae9bcb85df8c563cb4405b9e8d944450b590be15cda903821de6755abf531ec643612d18b8e4ee4300afd8a333e478c5d6a6a2
|
Binary file
|
@@ -19,12 +19,12 @@
|
|
19
19
|
.progress-mno .progress-bar,
|
20
20
|
.progress-mno-success .progress-bar,
|
21
21
|
.progress .progress-bar-mno {
|
22
|
-
#gradient > .vertical(lighten(@
|
22
|
+
#gradient > .vertical(lighten(@brand-success, 10%), darken(@brand-success,20%));
|
23
23
|
}
|
24
24
|
.progress-mno.progress-striped .progress-bar,
|
25
25
|
.progress-mno-success.progress-striped .progress-bar,
|
26
26
|
.progress-striped .progress-bar-mno {
|
27
|
-
#gradient > .striped(lighten(@
|
27
|
+
#gradient > .striped(lighten(@brand-success, 10%));
|
28
28
|
}
|
29
29
|
|
30
30
|
.progress-mno-warning .progress-bar {
|
@@ -52,4 +52,4 @@
|
|
52
52
|
font-size: 10px;
|
53
53
|
margin-right: 3px;
|
54
54
|
}
|
55
|
-
}
|
55
|
+
}
|
@@ -1,23 +1,3 @@
|
|
1
1
|
.center {
|
2
2
|
text-align:center;
|
3
3
|
}
|
4
|
-
|
5
|
-
.text-align-left {
|
6
|
-
text-align:left;
|
7
|
-
}
|
8
|
-
|
9
|
-
.text-align-center {
|
10
|
-
text-align:center;
|
11
|
-
}
|
12
|
-
|
13
|
-
.text-color-fluroblue {
|
14
|
-
color:@brand-primary;
|
15
|
-
}
|
16
|
-
|
17
|
-
.text-color-purple {
|
18
|
-
color:@elem-cozy-color;
|
19
|
-
}
|
20
|
-
|
21
|
-
.text-color-darkblue {
|
22
|
-
color:@bg-inverse-color;
|
23
|
-
}
|
@@ -15,11 +15,11 @@
|
|
15
15
|
text-align: center;
|
16
16
|
font-size: 14px;
|
17
17
|
font-weight: 300;
|
18
|
-
color: @
|
18
|
+
color: @decorator-main-color;
|
19
19
|
}
|
20
20
|
|
21
21
|
.confirmation-lounge i.fa.fa-envelope {
|
22
|
-
color: @
|
22
|
+
color: @decorator-main-color;
|
23
23
|
font-size: 160px;
|
24
24
|
}
|
25
25
|
|
@@ -28,4 +28,4 @@
|
|
28
28
|
border-bottom: solid 1px @bg-on-bg-inverse-color;
|
29
29
|
padding-left: 2px;
|
30
30
|
.border-bottom-radius(0px);
|
31
|
-
}
|
31
|
+
}
|
@@ -7,15 +7,15 @@
|
|
7
7
|
position: absolute;
|
8
8
|
background-color: @login-bg-color;
|
9
9
|
text-align: center;
|
10
|
-
|
10
|
+
|
11
11
|
.action-box {
|
12
12
|
height: 90%;
|
13
13
|
}
|
14
|
-
|
14
|
+
|
15
15
|
.action-box md-input-container {
|
16
16
|
text-align: left;
|
17
17
|
}
|
18
|
-
|
18
|
+
|
19
19
|
.action-box md-checkbox {
|
20
20
|
text-align: left;
|
21
21
|
}
|
@@ -39,22 +39,29 @@
|
|
39
39
|
@login-box-grid-position();
|
40
40
|
}
|
41
41
|
|
42
|
+
.login-box-wrapper.large {
|
43
|
+
text-align: center;
|
44
|
+
margin-top: 80px;
|
45
|
+
width: 100%;
|
46
|
+
max-width: 400px;
|
47
|
+
}
|
48
|
+
|
42
49
|
.login-box-wrapper md-input-container {
|
43
50
|
text-align: left;
|
44
51
|
}
|
45
|
-
|
52
|
+
|
46
53
|
.login-box-wrapper .login-box-title {
|
47
54
|
color: @login-box-title-color;
|
48
55
|
margin-bottom: 15px;
|
49
56
|
@login-box-title();
|
50
57
|
}
|
51
|
-
|
58
|
+
|
52
59
|
.login-box-wrapper .login-box {
|
53
60
|
padding: @login-box-padding;
|
54
61
|
background-color: @login-box-bg-color;
|
55
62
|
border-radius: @login-box-corners;
|
56
63
|
}
|
57
|
-
|
64
|
+
|
58
65
|
.login-box-wrapper .login-box .brand-logo when (isstring(@login-box-brand-logo-img)){
|
59
66
|
min-height: 80px;
|
60
67
|
background-repeat: no-repeat;
|
@@ -62,12 +69,12 @@
|
|
62
69
|
background-size: 100%;
|
63
70
|
@login-box-brand-logo();
|
64
71
|
}
|
65
|
-
|
72
|
+
|
66
73
|
.login-box-wrapper .login-box .btn-login {
|
67
74
|
@login-box-btn-login();
|
68
75
|
}
|
69
|
-
|
70
|
-
|
76
|
+
|
77
|
+
|
71
78
|
.login-box-wrapper .login-box:before when (@login-box-title-display-box-arrow = true){
|
72
79
|
.fa;
|
73
80
|
color: @login-box-bg-color;
|
@@ -82,7 +89,7 @@
|
|
82
89
|
}
|
83
90
|
|
84
91
|
.login-box .sign-in-using {
|
85
|
-
color: @
|
92
|
+
color: @decorator-main-color;
|
86
93
|
margin-top: 5px;
|
87
94
|
}
|
88
95
|
.login-box .oauth-sso {
|
@@ -126,6 +133,10 @@
|
|
126
133
|
}
|
127
134
|
}
|
128
135
|
|
136
|
+
.login-box h3, .login-box h5, .login-box p {
|
137
|
+
color: @text-inverse-strong-color;
|
138
|
+
}
|
139
|
+
|
129
140
|
.checkbox-section label {
|
130
141
|
font-weight: normal;
|
131
142
|
}
|
@@ -20,7 +20,7 @@
|
|
20
20
|
width: 250px;
|
21
21
|
margin-bottom: 10px;
|
22
22
|
.border-radius(3px);
|
23
|
-
@shadow: 0px 1px 3px fade(@bg-inverse-
|
23
|
+
@shadow: 0px 1px 3px fade(@bg-inverse-color,80%);
|
24
24
|
.box-shadow(@shadow);
|
25
25
|
}
|
26
26
|
|
@@ -33,17 +33,17 @@
|
|
33
33
|
}
|
34
34
|
|
35
35
|
.notification-widget .alert-success {
|
36
|
-
color: @
|
36
|
+
color: @brand-success;
|
37
37
|
}
|
38
38
|
|
39
39
|
.notification-widget .alert-warning {
|
40
|
-
color: @
|
40
|
+
color: @brand-warning;
|
41
41
|
}
|
42
42
|
|
43
43
|
.notification-widget .alert-info {
|
44
|
-
color: @
|
44
|
+
color: @brand-info;
|
45
45
|
}
|
46
46
|
|
47
47
|
.notification-widget .alert-danger {
|
48
48
|
color: @brand-danger;
|
49
|
-
}
|
49
|
+
}
|
@@ -12,17 +12,17 @@
|
|
12
12
|
// }
|
13
13
|
.input-group-addon.pw-strength-indicator {
|
14
14
|
color: transparent;
|
15
|
-
|
15
|
+
|
16
16
|
&.danger {
|
17
17
|
color: @brand-danger;
|
18
18
|
}
|
19
|
-
|
19
|
+
|
20
20
|
&.warning,
|
21
21
|
&.success {
|
22
|
-
color: @
|
22
|
+
color: @brand-success;
|
23
23
|
}
|
24
24
|
}
|
25
25
|
|
26
26
|
.input-group-addon.pw-strength-indicator.classic {
|
27
27
|
.border-right-radius(4px);
|
28
|
-
}
|
28
|
+
}
|
@@ -64,16 +64,11 @@
|
|
64
64
|
/*-----------------------------------------------------------------------*/
|
65
65
|
/*-----------------------------------------------------------------------*/
|
66
66
|
/*-----------------------------------------------------------------------*/
|
67
|
-
@import "custom/header";
|
68
67
|
@import "custom/form";
|
69
|
-
@import "custom/button";
|
70
68
|
@import "custom/footer";
|
71
69
|
@import "custom/bootstrap-on-juice";
|
72
|
-
@import "custom/utilities";
|
73
|
-
@import "custom/modal";
|
74
70
|
@import "custom/accordion";
|
75
71
|
@import "custom/alert";
|
76
|
-
@import "custom/xeditable";
|
77
72
|
|
78
73
|
/*-----------------------------------------------------------------------*/
|
79
74
|
/* Include the utilities spreadsheets */
|
@@ -81,7 +76,6 @@
|
|
81
76
|
@import "custom/utility/text";
|
82
77
|
@import "custom/utility/step";
|
83
78
|
@import "custom/utility/progress-bar";
|
84
|
-
@import "custom/utility/tabset";
|
85
79
|
|
86
80
|
/*-----------------------------------------------------------------------*/
|
87
81
|
/* Include the stylsheets specific to the views */
|
@@ -10,21 +10,31 @@
|
|
10
10
|
/*-----------------------------------------------------------------------*/
|
11
11
|
/* Fonts & Text */
|
12
12
|
/*-----------------------------------------------------------------------*/
|
13
|
-
@font-family-sans-serif:
|
14
|
-
@font-family-base:
|
15
|
-
@
|
16
|
-
@
|
13
|
+
@font-family-sans-serif: Arial, "Helvetica Neue", Helvetica, sans-serif;
|
14
|
+
@font-family-base: @font-family-sans-serif;
|
15
|
+
@font-path: '/dashboard/fonts';
|
16
|
+
@small: 11px;
|
17
|
+
@normal: 13px;
|
17
18
|
|
18
19
|
/*-----------------------------------------------------------------------*/
|
19
|
-
/*
|
20
|
+
/* Public Page Header */
|
20
21
|
/*-----------------------------------------------------------------------*/
|
22
|
+
// Simple top header with brand logo - can be enabled/disabled via styleguide configuration
|
23
|
+
@public-page-header-bg-color: @bg-inverse-color;
|
24
|
+
@public-page-header-padding: 10px;
|
25
|
+
|
26
|
+
@public-page-header-logo-img: "mno_enterprise/main-logo.png";
|
27
|
+
@public-page-header-logo: { min-height: 61px; max-width: 160px; max-height: 130px; margin: 17px auto 5px auto; };
|
21
28
|
|
22
|
-
|
29
|
+
/*-----------------------------------------------------------------------*/
|
30
|
+
/* Login Page */
|
31
|
+
/*-----------------------------------------------------------------------*/
|
32
|
+
@login-bg-img: "mno_enterprise/login-background.jpg";
|
23
33
|
@login-bg-color: @bg-main-color;
|
24
34
|
@login-box-grid-position: { margin-top: 80px; .make-sm-column(4); .make-sm-column-offset(4); };
|
25
35
|
|
26
36
|
@login-box-corners: 0px;
|
27
|
-
@login-box-title-color: @
|
37
|
+
@login-box-title-color: @text-inverse-color;
|
28
38
|
@login-box-title: { text-transform: uppercase; };
|
29
39
|
@login-box-title-display-box-arrow: false;
|
30
40
|
|
@@ -34,6 +44,7 @@
|
|
34
44
|
@login-box-brand-logo: { min-height: 61px; max-width: 160px; max-height: 130px; margin: 17px auto 5px auto; };
|
35
45
|
@login-box-btn-login: { width: 100%; };
|
36
46
|
|
47
|
+
@login-box-sso-intuit-logo: "mno_enterprise/logo-intuit.png";
|
37
48
|
@login-box-oauth-text-color: #fff;
|
38
49
|
@login-box-oauth-bg-color-facebook: #3b5998;
|
39
50
|
@login-box-oauth-bg-color-google: #dd4b39;
|
@@ -47,15 +58,14 @@
|
|
47
58
|
|
48
59
|
@dashboard-section-title-color: @text-strong-color;
|
49
60
|
@dashboard-section-title-alignment: center;
|
50
|
-
@dashboard-section-title-display-subline:
|
61
|
+
@dashboard-section-title-display-subline: true;
|
51
62
|
|
52
63
|
// Side navbar menu
|
53
64
|
//--------------------------------------
|
54
65
|
@dashboard-side-menu-padding: 30px 0px 0px 14px;
|
55
66
|
@dashboard-side-menu-bg-color: @bg-inverse-color;
|
56
|
-
@dashboard-side-menu-horizontal: { min-width:550px; };
|
57
67
|
|
58
|
-
@dashboard-side-menu-brand-logo-img: "
|
68
|
+
@dashboard-side-menu-brand-logo-img: "../images/main-logo.png";
|
59
69
|
@dashboard-side-menu-brand-logo: { background-size: 204px; width: 51px; margin-left: 5px; };
|
60
70
|
@dashboard-side-menu-brand-logo-expanded: { width: 201px; background-size: 100%; };
|
61
71
|
|
@@ -85,25 +95,26 @@
|
|
85
95
|
|
86
96
|
// Company select box (top right)
|
87
97
|
//--------------------------------------
|
88
|
-
@dashboard-cpy-select-
|
89
|
-
@dashboard-cpy-select-
|
90
|
-
@dashboard-cpy-select-
|
91
|
-
|
92
|
-
@dashboard-cpy-select-
|
98
|
+
@dashboard-cpy-select-width: 280px;
|
99
|
+
@dashboard-cpy-select-pic-width: 50px;
|
100
|
+
@dashboard-cpy-select-bg-color: @bg-inverse-color;
|
101
|
+
@dashboard-cpy-select-border-radius: 0 0 0 6px;
|
102
|
+
@dashboard-cpy-select-border-color: @text-inverse-color;
|
103
|
+
|
104
|
+
@dashboard-cpy-select-header-text-bold-color: @text-inverse-color;
|
105
|
+
@dashboard-cpy-select-header-text-color: @text-inverse-color;
|
93
106
|
@dashboard-cpy-select-header-text-size: 13px;
|
94
107
|
|
95
|
-
@dashboard-cpy-select-link-color:
|
96
|
-
|
97
|
-
@dashboard-cpy-select-link-hover-color: @dashboard-cpy-select-link-color;
|
98
|
-
@dashboard-cpy-select-link-hover-bg-color: lighten(@dashboard-cpy-select-bg-color,10%);
|
108
|
+
@dashboard-cpy-select-link-icon-color: @decorator-touch-color;
|
99
109
|
|
100
|
-
@dashboard-cpy-select-link-
|
101
|
-
@dashboard-cpy-select-link-
|
110
|
+
@dashboard-cpy-select-link-color: @text-inverse-strong-color;
|
111
|
+
@dashboard-cpy-select-link-hover-color: @text-strong-color;
|
112
|
+
@dashboard-cpy-select-link-hover-bg-color: @text-inverse-strong-color;
|
102
113
|
|
103
|
-
|
104
|
-
|
105
|
-
@dashboard-
|
106
|
-
@dashboard-
|
114
|
+
// Loaders
|
115
|
+
//--------------------------------------
|
116
|
+
@dashboard-loader-color: @text-strong-color;
|
117
|
+
@dashboard-loader-icon: { .icon-fa(refresh); .fa-2x; .fa-spin; }; //pass a ruleset
|
107
118
|
|
108
119
|
/*-----------------------------------------------------------------------*/
|
109
120
|
/* Dashboard > Apps Section */
|
@@ -117,11 +128,23 @@
|
|
117
128
|
@dashboard-apps-tile-settings-color: @dashboard-apps-tile-text-color;
|
118
129
|
@dashboard-apps-tile-settings-bg-color: @dashboard-apps-tile-bg-color;
|
119
130
|
|
120
|
-
@dashboard-apps-tile-settings-hover-color: @dashboard-apps-tile-
|
121
|
-
@dashboard-apps-tile-settings-hover-bg-color: @dashboard-apps-tile-
|
131
|
+
@dashboard-apps-tile-settings-hover-color: @dashboard-apps-tile-text-color;
|
132
|
+
@dashboard-apps-tile-settings-hover-bg-color: @dashboard-apps-tile-bg-color;
|
122
133
|
|
123
134
|
@dashboard-apps-tile-add-color: @dashboard-apps-tile-text-color;
|
124
|
-
@dashboard-apps-tile-add-bg-color: @dashboard-apps-tile-
|
135
|
+
@dashboard-apps-tile-add-bg-color: @dashboard-apps-tile-bg-color;
|
136
|
+
|
137
|
+
/*-----------------------------------------------------------------------*/
|
138
|
+
/* Dashboard > My account Section */
|
139
|
+
/*-----------------------------------------------------------------------*/
|
140
|
+
@dashboard-account-tabs-bg-color: @bg-on-bg-inverse-color;
|
141
|
+
@dashboard-account-tabs-text-color: @text-inverse-color;
|
142
|
+
@dashboard-account-panel-header-bg-color: @bg-inverse-color;
|
143
|
+
@dashboard-account-panel-header-text-color: @text-inverse-color;
|
144
|
+
@dashboard-account-panel-body-bg-color: @bg-on-bg-inverse-color;
|
145
|
+
@dashboard-account-panel-text-color: @text-strong-color;
|
146
|
+
@dashboard-account-inline-text-color-checked: @brand-success;
|
147
|
+
@dashboard-account-inline-text-color-unchecked: @decorator-inverse-color;
|
125
148
|
|
126
149
|
/*-----------------------------------------------------------------------*/
|
127
150
|
/* Dashboard > Company Section */
|
@@ -129,71 +152,180 @@
|
|
129
152
|
// Tab Heading
|
130
153
|
//--------------------------------------
|
131
154
|
@dashboard-cpy-tabs-bg-color: @decorator-main-color;
|
132
|
-
@dashboard-cpy-tabs-text-color: @text-
|
155
|
+
@dashboard-cpy-tabs-text-color: @text-strong-color;
|
133
156
|
@dashboard-cpy-tabs-border-radius: 2px;
|
134
157
|
|
135
158
|
@dashboard-cpy-tabs-subline-size: 0px;
|
136
159
|
@dashboard-cpy-tabs-subline-color: transparent;
|
137
160
|
|
138
|
-
@dashboard-cpy-tabs-active-text-color: @decorator-
|
161
|
+
@dashboard-cpy-tabs-active-text-color: @decorator-main-color;
|
139
162
|
@dashboard-cpy-tabs-active-bg-color: @bg-inverse-color;
|
140
163
|
|
141
|
-
@dashboard-cpy-tabs-hover-text-color: @
|
142
|
-
@dashboard-cpy-tabs-hover-bg-color: @
|
164
|
+
@dashboard-cpy-tabs-hover-text-color: @decorator-main-color;
|
165
|
+
@dashboard-cpy-tabs-hover-bg-color: @bg-inverse-color;
|
143
166
|
|
144
167
|
// Tab Content
|
145
168
|
//--------------------------------------
|
146
|
-
@dashboard-cpy-tabcontent-bg-color:
|
169
|
+
@dashboard-cpy-tabcontent-header-bg-color: @bg-inverse-color;
|
170
|
+
@dashboard-cpy-tabcontent-body-bg-color: @bg-on-bg-inverse-color;
|
171
|
+
@dashboard-cpy-tabcontent-bg-color: @bg-inverse-color;
|
172
|
+
@dashboard-cpy-tabcontent-text-color: @text-inverse-strong-color;
|
147
173
|
|
148
174
|
// Teams section
|
149
175
|
//--------------------------------------
|
150
176
|
@dashboard-cpy-teams-matrix-bg-color: @bg-inverse-color;
|
151
|
-
@dashboard-cpy-teams-matrix-border-color:
|
177
|
+
@dashboard-cpy-teams-matrix-border-color: @bg-inverse-color;
|
178
|
+
@dashboard-cpy-teams-matrix-text-color: @text-inverse-color;
|
179
|
+
@dashboard-cpy-teams-matrix-text-hover-color: @text-inverse-color;
|
180
|
+
@dashboard-cpy-teams-matrix-text-edit-color: @text-strong-color;
|
181
|
+
|
182
|
+
/*-----------------------------------------------------------------------*/
|
183
|
+
/* Dock */
|
184
|
+
/*-----------------------------------------------------------------------*/
|
185
|
+
@mno-dock-bg-color: @decorator-inverse-color;
|
186
|
+
|
187
|
+
@mno-dock-add-app-border-color: white;
|
188
|
+
@mno-dock-add-app-text-color: white;
|
189
|
+
@mno-dock-expand-arrow-color: white;
|
190
|
+
@mno-dock-expand-arrow-color-hover: darken(@mno-dock-expand-arrow-color, 5%);
|
191
|
+
@mno-dock-expand-left-border-color: white;
|
192
|
+
@mno-dock-app-title-color: white;
|
193
|
+
@mno-dock-app-logo-square-width: 70px;
|
194
|
+
@mno-dock-app-logo-minimized-square-width: 50px;
|
195
|
+
@mno-dock-app-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
196
|
+
@mno-dock-app-box-border: 1px solid rgba(0, 0, 0, 0.15);
|
197
|
+
|
198
|
+
@mno-dock-sub-menu-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
199
|
+
@mno-dock-sub-menu-bg-color: @bg-inverse-color;
|
200
|
+
@mno-dock-sub-menu-hover: @decorator-main-color;
|
201
|
+
@mno-dock-sub-menu-icon: @decorator-touch-color;
|
202
|
+
@mno-dock-sub-menu-text-color: @text-inverse-color;
|
203
|
+
@mno-dock-sub-menu-text-hover-color: darken(@mno-dock-sub-menu-text-color, 10%);
|
204
|
+
|
205
|
+
// Mobile dock
|
206
|
+
@mno-dock-mobile-bg-color: @bg-on-bg-inverse-color;
|
207
|
+
@mno-dock-mobile-button-color: @text-inverse-strong-color;
|
208
|
+
@mno-dock-mobile-button-bg-color: @decorator-inverse-color;
|
209
|
+
@mno-dock-mobile-app-active-color: lighten(@mno-dock-mobile-button-bg-color, 20%);
|
210
|
+
@mno-dock-mobile-app-border-bottom: 1px solid darken(@mno-dock-bg-color, 10%);
|
211
|
+
@mno-dock-mobile-add-app-color: @text-strong-color;
|
212
|
+
@mno-dock-mobile-app-name-color: @text-strong-color;
|
213
|
+
|
214
|
+
/*-----------------------------------------------------------------------*/
|
215
|
+
/* Dock Settings */
|
216
|
+
/*-----------------------------------------------------------------------*/
|
217
|
+
@mno-dock-settings-app-running: #33d375;
|
218
|
+
@mno-dock-settings-app-terminating: #ffe6ea;
|
219
|
+
@mno-dock-settings-app-upgrading: #ffdb99;
|
220
|
+
@mno-dock-settings-app-neutral: #E0FFFF;
|
221
|
+
|
222
|
+
/*-----------------------------------------------------------------------*/
|
223
|
+
/* IMPAC */
|
224
|
+
/*-----------------------------------------------------------------------*/
|
225
|
+
// Dashboard
|
226
|
+
//--------------------------------------
|
227
|
+
@impac-dashboard-padding-top: 33px;
|
228
|
+
@impac-dashboard-margin-left: 0px;
|
229
|
+
|
230
|
+
// Title
|
231
|
+
@impac-dashboard-title-label-color: @text-strong-color;
|
232
|
+
@impac-dashboard-title-color: @decorator-inverse-color;
|
233
|
+
@impac-dashboard-source-color: @impac-dashboard-title-label-color;
|
234
|
+
@impac-dashboard-buttons-border-radius: 4px;
|
152
235
|
|
236
|
+
// Widgets container
|
237
|
+
@impac-placeholder-border: 2px dashed @bg-inverse-color;
|
238
|
+
@impac-padding-between-widgets: 12px;
|
239
|
+
@impac-minimum-widget-size: 258px;
|
240
|
+
|
241
|
+
// Widgets
|
242
|
+
//--------------------------------------
|
243
|
+
// Global
|
244
|
+
@impac-widget-background-color: @bg-on-bg-inverse-color;
|
245
|
+
@impac-widget-text-color: black;
|
246
|
+
@impac-widget-text-color-light: lighten(@impac-widget-text-color,70%);
|
247
|
+
@impac-widget-borders-color: lighten(@impac-widget-text-color-light,10%);
|
248
|
+
@impac-widget-link-color: @decorator-inverse-color;
|
249
|
+
|
250
|
+
// Title
|
251
|
+
@impac-widget-title-text-color: white;
|
252
|
+
@impac-widget-title-bg: @bg-inverse-color;
|
253
|
+
@impac-widget-title-border: solid 1px @impac-widget-borders-color;
|
254
|
+
@impac-widget-title-text-transform: uppercase;
|
255
|
+
@impac-widget-title-text-size: 12px;
|
256
|
+
@impac-widget-title-border-radius: 5px 5px 0px 0px;
|
257
|
+
|
258
|
+
// Content
|
259
|
+
@impac-widget-content-border-radius: 0px 0px 5px 5px;
|
260
|
+
@impac-widget-lines-container-max-height: 210px;
|
261
|
+
|
262
|
+
// Hist Mode Choser
|
263
|
+
@impac-widget-hist-text-transform: uppercase;
|
264
|
+
@impac-widget-hist-text-size: 12px;
|
265
|
+
@impac-widget-hist-text-color: @impac-widget-text-color-light;
|
266
|
+
|
267
|
+
// Price
|
268
|
+
@impac-widget-price-color: @impac-widget-text-color;
|
269
|
+
@impac-widget-price-positive-color: @brand-success;
|
270
|
+
@impac-widget-price-negative-color: @brand-danger;
|
271
|
+
@impac-widget-currency-color: @impac-widget-text-color-light;
|
272
|
+
@impac-widget-legend-color: lighten(@impac-widget-text-color,30%);
|
273
|
+
|
274
|
+
// Edit settings
|
275
|
+
@impac-widget-sub-bg-color: darken(@impac-widget-background-color,10%);
|
276
|
+
@impac-widget-sub-bg-color-light: lighten(@impac-widget-sub-bg-color,5%);
|
277
|
+
|
278
|
+
// Invoices list
|
279
|
+
@impac-widget-line-hover-bg: lighten(@bg-inverse-color,10%);
|
280
|
+
@impac-widget-line-hover-text: @text-inverse-color;
|
281
|
+
|
282
|
+
// Accounts Comparison
|
283
|
+
@impac-big-widget-size: 581px;
|
284
|
+
@impac-big-widget-bottom-padding: 30px;
|
285
|
+
@impac-widget-accounts-comparison-lines-container-max-height: 250px;
|
153
286
|
|
154
287
|
/*-----------------------------------------------------------------------*/
|
155
288
|
/* Mno Enterprise > Marketplace Section */
|
156
289
|
/*-----------------------------------------------------------------------*/
|
157
|
-
@dashboard-marketplace-search-text-color: @
|
158
|
-
@dashboard-marketplace-search-border-color: @
|
290
|
+
@dashboard-marketplace-search-text-color: @text-strong-color;
|
291
|
+
@dashboard-marketplace-search-border-color: @text-strong-color;
|
159
292
|
|
160
|
-
@dashboard-marketplace-tile-bg-color: @bg-inverse-color;
|
293
|
+
@dashboard-marketplace-tile-bg-color: @bg-on-bg-inverse-color;
|
161
294
|
@dashboard-marketplace-tile-text-color: @text-strong-color;
|
162
|
-
@dashboard-marketplace-tile-img-border-color: @
|
295
|
+
@dashboard-marketplace-tile-img-border-color: @decorator-main-color;
|
163
296
|
|
164
297
|
@dashboard-marketplace-tile-hover-bg-color: @decorator-main-color;
|
165
298
|
@dashboard-marketplace-tile-hover-text-color: @dashboard-marketplace-tile-text-color;
|
166
299
|
@dashboard-marketplace-tile-hover-img-border-color: darken(@decorator-main-color,10%);
|
167
300
|
@dashboard-marketplace-tile-hover-arrow-color: @text-strong-color;
|
168
301
|
|
169
|
-
@dashboard-marketplace-show-header-text-color: @
|
302
|
+
@dashboard-marketplace-show-header-text-color: @text-strong-color;
|
303
|
+
@dashboard-marketplace-show-sections-bg-color: @bg-on-bg-inverse-color;
|
304
|
+
@dashboard-marketplace-show-sections-text-color: @text-strong-color;
|
170
305
|
|
171
306
|
@dashboard-marketplace-app-card: { display: block; padding: 10px; height: 120px; margin-bottom: 10px; font-weight: 300; };
|
172
307
|
|
173
308
|
/*-----------------------------------------------------------------------*/
|
174
309
|
/* Responsive Table (cell table) */
|
175
310
|
/*-----------------------------------------------------------------------*/
|
176
|
-
@table-cell-row-spacing:
|
311
|
+
@table-cell-header-row-spacing: 10px;
|
312
|
+
@table-cell-header-row-padding: 3px;
|
313
|
+
@table-cell-row-spacing: 0px;
|
177
314
|
@table-cell-row-padding: 3px;
|
178
315
|
|
179
316
|
@table-cell-header-text-size: 12px;
|
180
|
-
@table-cell-header-text-color: @
|
181
|
-
@table-cell-header-bg-color: @bg-
|
317
|
+
@table-cell-header-text-color: @text-inverse-strong-color;
|
318
|
+
@table-cell-header-bg-color: lighten(@bg-inverse-color, 5%);
|
182
319
|
@table-cell-header-additional-rule: { text-transform: uppercase; };
|
183
320
|
|
184
321
|
@table-cell-row-text-size: 13px;
|
185
|
-
@table-cell-row-odd-bg-color:
|
186
|
-
@table-cell-row-even-bg-color:
|
322
|
+
@table-cell-row-odd-bg-color: darken(@bg-main-color,4%);
|
323
|
+
@table-cell-row-even-bg-color: darken(@bg-main-color,0%);
|
187
324
|
|
188
|
-
|
189
|
-
|
190
|
-
|
191
|
-
|
192
|
-
@brand-success: @elem-positive-color;
|
193
|
-
@brand-warning: @decorator-alt-color;
|
194
|
-
@brand-info: @text-inverse-color;
|
195
|
-
@brand-danger: @text-inverse-color;
|
196
|
-
@brand-primary: @text-inverse-color;
|
325
|
+
@table-inverse-cell-header-text-color: @text-inverse-strong-color;
|
326
|
+
@table-inverse-cell-header-bg-color: lighten(@bg-inverse-color, 5%);
|
327
|
+
@table-inverse-cell-row-odd-bg-color: darken(@bg-main-color,4%);
|
328
|
+
@table-inverse-cell-row-even-bg-color: darken(@bg-main-color,0%);
|
197
329
|
|
198
330
|
/*-----------------------------------------------------------------------*/
|
199
331
|
/* Navbar Customization */
|
@@ -209,27 +341,7 @@
|
|
209
341
|
/*-----------------------------------------------------------------------*/
|
210
342
|
/* Form Customization */
|
211
343
|
/*-----------------------------------------------------------------------*/
|
212
|
-
@input-bg:
|
213
|
-
@input-color:
|
214
|
-
@input-color-placeholder:
|
215
|
-
|
216
|
-
@input-label-color: @text-inverse-color;
|
217
|
-
|
218
|
-
/*-----------------------------------------------------------------------*/
|
219
|
-
/* Buttons Customization */
|
220
|
-
/*-----------------------------------------------------------------------*/
|
221
|
-
|
222
|
-
// General
|
223
|
-
@btn-font-weight: 500;
|
224
|
-
|
225
|
-
// Warning
|
226
|
-
@btn-warning-color: #fff;
|
227
|
-
|
228
|
-
// Success
|
229
|
-
@btn-success-color: #fff;
|
230
|
-
|
231
|
-
/*-----------------------------------------------------------------------*/
|
232
|
-
/* Footer */
|
233
|
-
/*-----------------------------------------------------------------------*/
|
234
|
-
|
235
|
-
@footer-bg: @bg-main-color;
|
344
|
+
@input-bg: @bg-on-bg-inverse-color;
|
345
|
+
@input-color: @text-strong-color;
|
346
|
+
@input-color-placeholder: @input-color;
|
347
|
+
@input-label-color: @text-inverse-color;
|