beyond-rails 0.0.186 → 0.0.187
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/src/js/components/Modal.js +22 -16
- data/src/sass/components/_mega-menu.scss +6 -2
- data/src/sass/components/_modal.scss +12 -1
- metadata +1 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: fc1a2f20f1ad5420ea9f42be5223fff92b69278a4984d01416c87dec84d16238
|
4
|
+
data.tar.gz: 2d4319f9383eea996fad2c5b31b844ded13a9366677c63a79be7a8de7ae5bfcc
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: b9a6fb15c1957154200249b6418892e8ba802f72a6c98bb12f59a954b8cc1e3002d11a8126f3e74a9381ec8c44ba69f1043658dc3c4b8be7cb15afbd500d6c4e
|
7
|
+
data.tar.gz: 74759c3373679f383b886dc85f04a3e2c79279ec9e2ddae86255518728eca253e95f4b0247f2540ccd1de1737984d0ce988fd6d28c62c288b7cee95438e7d6bc
|
data/src/js/components/Modal.js
CHANGED
@@ -46,15 +46,19 @@ export default class Modal {
|
|
46
46
|
addEvents() {
|
47
47
|
this.addEvent(this.dom, 'click', () => this.show())
|
48
48
|
|
49
|
-
|
50
|
-
this.
|
51
|
-
|
52
|
-
|
49
|
+
if (this.closeBtn) {
|
50
|
+
this.addEvent(this.closeBtn, 'click', () => {
|
51
|
+
this.hide()
|
52
|
+
this.options.cancel('close')
|
53
|
+
})
|
54
|
+
}
|
53
55
|
|
54
|
-
|
55
|
-
this.
|
56
|
-
|
57
|
-
|
56
|
+
if (this.cancelBtn) {
|
57
|
+
this.addEvent(this.cancelBtn, 'click', () => {
|
58
|
+
this.hide()
|
59
|
+
this.options.cancel('cancel')
|
60
|
+
})
|
61
|
+
}
|
58
62
|
|
59
63
|
this.addEvent(this.modal, 'click', event => {
|
60
64
|
// is backdrop
|
@@ -64,13 +68,15 @@ export default class Modal {
|
|
64
68
|
}
|
65
69
|
})
|
66
70
|
|
67
|
-
|
68
|
-
|
69
|
-
this.options.confirm
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
71
|
+
if (this.confirmBtn) {
|
72
|
+
this.addEvent(this.confirmBtn, 'click', () => {
|
73
|
+
if (typeof this.options.confirm === 'function') {
|
74
|
+
this.options.confirm()
|
75
|
+
}
|
76
|
+
else {
|
77
|
+
this.hide()
|
78
|
+
}
|
79
|
+
})
|
80
|
+
}
|
75
81
|
}
|
76
82
|
}
|
@@ -2,6 +2,9 @@
|
|
2
2
|
padding-top: .2rem;
|
3
3
|
padding-bottom: .2rem;
|
4
4
|
}
|
5
|
+
.mega-menu-divider {
|
6
|
+
border-bottom: 1px solid #ebebeb;
|
7
|
+
}
|
5
8
|
.mega-menu-col {
|
6
9
|
padding: .7rem 1.5rem;
|
7
10
|
flex-grow: 1;
|
@@ -42,13 +45,14 @@
|
|
42
45
|
}
|
43
46
|
.mega-menu-icon-box-item {
|
44
47
|
cursor: pointer;
|
45
|
-
transition: .3s
|
48
|
+
transition: .3s all;
|
46
49
|
&:hover {
|
50
|
+
color: $text-color;
|
47
51
|
background-color: #f6f6f6;
|
48
52
|
}
|
49
53
|
display: table-cell;
|
50
54
|
padding: 1rem 1.8rem;
|
51
|
-
color: $
|
55
|
+
color: $color-primary;
|
52
56
|
text-align: center;
|
53
57
|
i {
|
54
58
|
display: block;
|
@@ -61,7 +61,6 @@
|
|
61
61
|
text-align: right;
|
62
62
|
.btn {
|
63
63
|
padding: 6px 12px;
|
64
|
-
min-width: 62px;
|
65
64
|
font-size: 14px;
|
66
65
|
font-weight: 400;
|
67
66
|
}
|
@@ -70,3 +69,15 @@
|
|
70
69
|
}
|
71
70
|
}
|
72
71
|
}
|
72
|
+
|
73
|
+
.modal.static {
|
74
|
+
overflow-y: initial;
|
75
|
+
background-color: transparent;
|
76
|
+
opacity: 1;
|
77
|
+
position: static;
|
78
|
+
display: block;
|
79
|
+
.modal-dialog {
|
80
|
+
transform: scale(1);
|
81
|
+
margin: 0 auto;
|
82
|
+
}
|
83
|
+
}
|