lotus_admin 0.1.0 → 0.1.1

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.
Files changed (24) hide show
  1. checksums.yaml +4 -4
  2. data/lib/lotus_admin/version.rb +1 -1
  3. data/vendor/assets/javascripts/lotus_admin/theme/app.js +231 -0
  4. data/vendor/assets/stylesheets/lotus_admin/theme/app.scss +18 -0
  5. data/vendor/assets/stylesheets/lotus_admin/theme/inc/404.scss +66 -0
  6. data/vendor/assets/stylesheets/lotus_admin/theme/inc/actions.scss +62 -0
  7. data/vendor/assets/stylesheets/lotus_admin/theme/inc/base.scss +76 -0
  8. data/vendor/assets/stylesheets/lotus_admin/theme/inc/button.scss +36 -0
  9. data/vendor/assets/stylesheets/lotus_admin/theme/inc/card.scss +41 -0
  10. data/vendor/assets/stylesheets/lotus_admin/theme/inc/dropdown.scss +42 -0
  11. data/vendor/assets/stylesheets/lotus_admin/theme/inc/footer.scss +35 -0
  12. data/vendor/assets/stylesheets/lotus_admin/theme/inc/form.scss +318 -0
  13. data/vendor/assets/stylesheets/lotus_admin/theme/inc/header.scss +231 -0
  14. data/vendor/assets/stylesheets/lotus_admin/theme/inc/lists.scss +76 -0
  15. data/vendor/assets/stylesheets/lotus_admin/theme/inc/login.scss +154 -0
  16. data/vendor/assets/stylesheets/lotus_admin/theme/inc/misc.scss +108 -0
  17. data/vendor/assets/stylesheets/lotus_admin/theme/inc/mixin.scss +148 -0
  18. data/vendor/assets/stylesheets/lotus_admin/theme/inc/modal.scss +55 -0
  19. data/vendor/assets/stylesheets/lotus_admin/theme/inc/pagination.scss +114 -0
  20. data/vendor/assets/stylesheets/lotus_admin/theme/inc/sidebar.scss +234 -0
  21. data/vendor/assets/stylesheets/lotus_admin/theme/inc/table.scss +85 -0
  22. data/vendor/assets/stylesheets/lotus_admin/theme/inc/variables.scss +174 -0
  23. data/vendor/assets/stylesheets/theme/inc/sidebar.scss +234 -0
  24. metadata +22 -1
@@ -0,0 +1,231 @@
1
+ #header {
2
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
3
+ min-height: $header-height;
4
+ background-color: $m-blue;
5
+ @include user-select(none);
6
+
7
+ position: fixed;
8
+ z-index: 11;
9
+ width: 100%;
10
+ left: 0;
11
+ top: 0;
12
+ padding: 0 20px;
13
+
14
+ @media(max-width: $screen-xs-max) {
15
+ padding: 0 8px;
16
+ }
17
+
18
+ .hi-logo a {
19
+ padding: 7px 10px;
20
+ }
21
+
22
+ .ma-backdrop {
23
+ position: absolute;
24
+ }
25
+
26
+ .hi-trigger {
27
+ @media(max-width: ($screen-md-max + 80)) {
28
+ display: inline-block !important;
29
+ }
30
+ }
31
+
32
+ &.search-toggled {
33
+ .h-search-wrap {
34
+ top: 0;
35
+ @include opacity(1);
36
+ }
37
+ }
38
+ }
39
+
40
+ .h-search-wrap {
41
+ position: absolute;
42
+ top: -65px;
43
+ left: 0;
44
+ width: 100%;
45
+ height: $header-height;
46
+ background: #fff;
47
+ @include transition(all);
48
+ @include transition-duration(300ms);
49
+ @include opacity(0);
50
+ z-index: 10;
51
+
52
+ input[type="text"] {
53
+ border: 0;
54
+ height: 40px;
55
+ padding: 0 10px 0 55px;
56
+ font-size: 18px;
57
+ border-radius: 2px;
58
+ background-color: darken($ace, 3%);
59
+ width: 100%;
60
+ }
61
+
62
+ .hsw-close {
63
+ position: absolute;
64
+ top: 15px;
65
+ font-size: 23px;
66
+ font-style: normal;
67
+ width: 45px;
68
+ text-align: center;
69
+ border-radius: 2px 0 0 2px;
70
+ cursor: pointer;
71
+ left: 15px;
72
+ height: 40px;
73
+ padding-top: 9px;
74
+
75
+ &:hover {
76
+ background-color: darken($ace, 8%);
77
+ }
78
+
79
+ @media (max-width: $screen-xs-max) {
80
+ right: 7px;
81
+ }
82
+ }
83
+ }
84
+
85
+ .hsw-inner {
86
+ position: relative;
87
+ padding: 15px;
88
+ max-width: 700px;
89
+ display: block;
90
+ margin: 0 auto;
91
+ }
92
+
93
+ .h-inner {
94
+ list-style: none;
95
+ padding: 17px 0;
96
+ margin-bottom: 0;
97
+ position: relative;
98
+
99
+ & > li {
100
+ &:not(.pull-right) {
101
+ float: left;
102
+ }
103
+ }
104
+ }
105
+
106
+ .hi-logo {
107
+ a {
108
+ color: #fff;
109
+ text-transform: uppercase;
110
+ display: block;
111
+ font-size: 16px;
112
+ }
113
+ }
114
+
115
+ .hi-trigger {
116
+ position: relative;
117
+ margin-left: -5px;
118
+ cursor: pointer;
119
+ display: none !important;
120
+
121
+ &:before {
122
+ content: "";
123
+ position: absolute;
124
+ top: 50%;
125
+ left: 50%;
126
+ width: 45px;
127
+ height: 45px;
128
+ border-radius: 50%;
129
+ background: rgba(255, 255, 255, 0.22);
130
+ @include transition(all);
131
+ @include transition-duration(300ms);
132
+ @include scale(0);
133
+ z-index: 0;
134
+ margin-top: -22px;
135
+ margin-left: -22px;
136
+ }
137
+
138
+ &.toggled {
139
+ &:before {
140
+ @include scale(1);
141
+ }
142
+ }
143
+ }
144
+
145
+ .hi-menu {
146
+ list-style: none;
147
+ padding: 0;
148
+
149
+ & > li {
150
+ display: inline-block;
151
+ margin: 0 1px;
152
+ vertical-align: top;
153
+ min-width: 50px;
154
+
155
+ @media (max-width: $screen-xs-max) {
156
+ position: static !important;
157
+ }
158
+
159
+ .dropdown-menu {
160
+ top: -5px;
161
+ }
162
+
163
+ .dropdown-menu-lg {
164
+ padding: 0;
165
+
166
+ .lg-body {
167
+ min-height: 350px;
168
+ overflow-x: hidden;
169
+ }
170
+ }
171
+
172
+ & > a {
173
+ color: #fff;
174
+ display: block;
175
+ text-align: center;
176
+ z-index: 1;
177
+ position: relative;
178
+ @include transition(background-color);
179
+ @include transition-duration(250ms);
180
+ border-radius: 2px;
181
+
182
+ & > .him-icon {
183
+ font-size: 24px;
184
+ line-height: 36px;
185
+ }
186
+
187
+ & > .him-label {
188
+ line-height: 35px;
189
+ white-space: nowrap;
190
+ padding: 0 10px;
191
+ font-size: $font-size-base + 1;
192
+ text-transform: uppercase;
193
+ }
194
+
195
+ & > .him-counts {
196
+ position: absolute;
197
+ font-style: normal;
198
+ background: $m-red;
199
+ padding: 1px 5px;
200
+ border-radius: 2px;
201
+ right: 7px;
202
+ top: -3px;
203
+ font-size: 10px;
204
+ line-height: 15px;
205
+ }
206
+ }
207
+
208
+ &.toggled > a,
209
+ &:hover > a {
210
+ background-color: rgba(0, 0, 0, 0.08);
211
+ }
212
+ }
213
+
214
+ @media (max-width: $screen-xs-max) {
215
+ .dropdown-menu-lg {
216
+ width: #{"calc(100% - 28px)"} !important;
217
+ }
218
+
219
+ .dropdown-menu {
220
+ right: 14px;
221
+ top: 55px !important;
222
+ }
223
+ }
224
+ }
225
+
226
+ /* Full Screen */
227
+ :-webkit-full-screen [data-ma-action="fullscreen"] { display: none; }
228
+ :-moz-full-screen [data-ma-action="fullscreen"] { display: none; }
229
+ :-ms-fullscreen [data-ma-action="fullscreen"] { display: none; }
230
+ :full-screen [data-ma-action="fullscreen"] { display: none; }
231
+ :fullscreen [data-ma-action="fullscreen"] { display: none; }
@@ -0,0 +1,76 @@
1
+ .list-group {
2
+ margin-bottom: 0;
3
+ }
4
+ .list-group .list-group-item {
5
+ border: 0;
6
+ margin: 0;
7
+ padding: 15px 30px;
8
+ }
9
+ .list-group .list-group-item > .checkbox.pull-left {
10
+ margin: 0;
11
+ }
12
+ .list-group.lg-odd-black .list-group-item:nth-child(odd) {
13
+ background-color: #f9f9f9;
14
+ }
15
+ .list-group.lg-even-black .list-group-item:nth-child(even) {
16
+ background-color: #f9f9f9;
17
+ }
18
+ .lg-header {
19
+ text-align: center;
20
+ padding: 15px 10px 13px;
21
+ line-height: 100%;
22
+ text-transform: uppercase;
23
+ border-bottom: 1px solid #F0F0F0;
24
+ font-weight: 500;
25
+ color: #4C4C4C;
26
+ margin-bottom: 10px;
27
+ }
28
+ .lg-header .actions {
29
+ position: absolute;
30
+ top: 5px;
31
+ right: 10px;
32
+ }
33
+ .lgi-img {
34
+ width: 40px;
35
+ height: 40px;
36
+ border-radius: 50%;
37
+ }
38
+ .lgi-heading {
39
+ color: #000;
40
+ margin-bottom: 4px;
41
+ display: block;
42
+ }
43
+ .lgi-heading,
44
+ .lgi-text {
45
+ overflow: hidden;
46
+ text-overflow: ellipsis;
47
+ white-space: nowrap;
48
+ }
49
+ .lgi-text {
50
+ display: block;
51
+ font-size: 12px;
52
+ color: #777777;
53
+ }
54
+ .lgi-text:not(:last-child) {
55
+ margin-bottom: 4px;
56
+ }
57
+ .lgi-checkbox {
58
+ margin-top: 8px;
59
+ margin-bottom: 0;
60
+ }
61
+ .lgi-attrs {
62
+ list-style: none;
63
+ padding: 0;
64
+ margin: 0;
65
+ }
66
+ .lgi-attrs > li {
67
+ display: inline-block;
68
+ border: 1px solid #f0f0f0;
69
+ margin: 2px 2px 2px 0;
70
+ padding: 2px 5px;
71
+ font-size: 12px;
72
+ color: #777777;
73
+ }
74
+ .lgi-attrs > li > a {
75
+ display: block;
76
+ }
@@ -0,0 +1,154 @@
1
+ .login-content {
2
+ min-height: 100vh;
3
+ text-align: center;
4
+ background-color: $m-teal;
5
+
6
+ &:before {
7
+ display: inline-block;
8
+ content: '';
9
+ height: 100vh;
10
+ width: 1px;
11
+ vertical-align: middle;
12
+ }
13
+ }
14
+
15
+ .lc-block {
16
+ max-width: 450px;
17
+ padding: 20px 0;
18
+ width: 80%;
19
+ display: inline-block;
20
+ vertical-align: middle;
21
+ position: relative;
22
+
23
+ &:not(.toggled) {
24
+ display: none;
25
+ }
26
+
27
+ &.toggled {
28
+ z-index: 10;
29
+ }
30
+
31
+ &:not(.lc-block-alt) {
32
+ .lcb-form {
33
+ padding: 30px 55px 30px 40px;
34
+ }
35
+
36
+ .btn-login {
37
+ top: 50%;
38
+ margin-top: -25px;
39
+ right: -25px;
40
+ }
41
+ }
42
+
43
+ .checkbox {
44
+ margin: 5px 0;
45
+ text-align: left;
46
+ }
47
+ }
48
+
49
+ .btn-login {
50
+ position: absolute;
51
+ width: 50px;
52
+ height: 50px;
53
+ border-radius: 50%;
54
+ font-size: 20px;
55
+ line-height: 40px;
56
+ }
57
+
58
+ .lcb-form {
59
+ background: #fff;
60
+ box-shadow: $card-shadow;
61
+ border-radius: 2px;
62
+ position: relative;
63
+ }
64
+
65
+
66
+ /*-----------------------------
67
+ Login Navigation
68
+ ------------------------------*/
69
+ .lcb-navigation {
70
+ margin-top: 15px;
71
+
72
+ a, a span {
73
+ @include transition(width);
74
+ @include transition-duration(200ms);
75
+ }
76
+
77
+ a {
78
+ color: #fff;
79
+ display: inline-block;
80
+ background: rgba(255,255,255,.2);
81
+ margin: 0 1px;
82
+ width: 30px;
83
+ height: 30px;
84
+ border-radius: 20px;
85
+ vertical-align: top;
86
+ white-space: nowrap;
87
+ text-align: left;
88
+
89
+ i {
90
+ width: 30px;
91
+ font-style: normal;
92
+ font-size: 16px;
93
+ display: inline-block;
94
+ vertical-align: top;
95
+ text-align: center;
96
+ line-height: 30px;
97
+ }
98
+
99
+ span {
100
+ width: 0;
101
+ overflow: hidden;
102
+ display: inline-block;
103
+ line-height: 29px;
104
+ margin-left: -3px;
105
+ }
106
+
107
+ &:hover {
108
+ span {
109
+ width: 100%;
110
+ }
111
+ }
112
+
113
+ &[data-ma-block="#l-register"]:hover {
114
+ width: 95px;
115
+ }
116
+
117
+ &[data-ma-block="#l-forget-password"]:hover {
118
+ width: 147px;
119
+ }
120
+
121
+ &[data-ma-block="#l-login"]:hover {
122
+ width: 85px;
123
+ }
124
+
125
+ }
126
+ }
127
+
128
+
129
+ /*-----------------------------
130
+ Lockscreen
131
+ ------------------------------*/
132
+ .lc-block-alt {
133
+ .lcb-form {
134
+ padding: 70px 35px 60px;
135
+ }
136
+
137
+ .btn-login {
138
+ bottom: -25px;
139
+ left: 50%;
140
+ margin-left: -25px;
141
+ }
142
+ }
143
+
144
+ .lcb-user {
145
+ width: 100px;
146
+ height: 100px;
147
+ border-radius: 50%;
148
+ border: 5px solid #fff;
149
+ position: absolute;
150
+ top: -45px;
151
+ left: 50%;
152
+ margin-left: -50px;
153
+ box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.18);
154
+ }