mumuki-styles 1.14.0 → 1.15.0
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.
- checksums.yaml +4 -4
- data/README.md +2 -0
- data/app/assets/javascripts/mumuki-styles.js +57 -0
- data/app/assets/stylesheets/components/_browser.scss +105 -0
- data/app/assets/stylesheets/components/_components.scss +9 -0
- data/app/assets/stylesheets/{_mu-erd.scss → components/_mu-erd.scss} +8 -7
- data/app/assets/stylesheets/{_mu-file-browser.scss → components/_mu-file-browser.scss} +4 -6
- data/app/assets/stylesheets/mumuki-styles.css +104 -49
- data/app/assets/stylesheets/mumuki-styles.scss +1 -3
- data/lib/mumuki/styles/version.rb +1 -1
- metadata +5 -4
- data/app/assets/stylesheets/_browser.scss +0 -45
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b6d21886367a4e8d9a4894a48b17f5ec8e847f37
|
|
4
|
+
data.tar.gz: 82be8e353ddb05fe5e5b39f3a58fb86ee7c4bc2f
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 7463298ea8a430b07bf4674d95a8548673b80679c74d156ef5292fd7e099c770563fb81b5b61842b67d82e6daff7d7ac5ad84c8cf1c4112f0d29a3c7d7e8da6d
|
|
7
|
+
data.tar.gz: b9eb1089e641438b00fd503dbeed7a65328ddb021f3a9b1723253891ceb0c52be533fc08d521e5d691ee07d4871feaca51ef2fc292f92b27db47fc2e9aa3639c
|
data/README.md
CHANGED
|
@@ -84,6 +84,7 @@
|
|
|
84
84
|
```
|
|
85
85
|
|
|
86
86
|
#### mu-file-browser attributes
|
|
87
|
+
|
|
87
88
|
* `data-can-browse`: (Boolean) user can enter into a folder (default `false`).
|
|
88
89
|
* `data-on-file-open`: (Function) receives 2 params, file name and file content. If no function given user can't open files.
|
|
89
90
|
* `data-file`: (Object) object `keys` are the names of the resources and object `values` are theirs contents (sub-object for a folder and a string for a file).
|
|
@@ -155,6 +156,7 @@ With jQuery you can use function `$('.mu-file-browser').renderFileBrowser()`;
|
|
|
155
156
|
```
|
|
156
157
|
|
|
157
158
|
#### mu-erd attributes
|
|
159
|
+
|
|
158
160
|
* `data-entities`: (`Array<Object>`) Every entity object of the array should have:
|
|
159
161
|
* `name`: (`String`) Entity name.
|
|
160
162
|
* `columns`: (`Array<Object>`) Every column object of the array should have:
|
|
@@ -12970,3 +12970,60 @@ mumuki.load(function () {
|
|
|
12970
12970
|
$('.mu-erd').renderERD();
|
|
12971
12971
|
|
|
12972
12972
|
});
|
|
12973
|
+
|
|
12974
|
+
mumuki.load(function () {
|
|
12975
|
+
|
|
12976
|
+
function getBrowserHeader($browser) {
|
|
12977
|
+
var title = $browser.data('title') || 'Mumuki';
|
|
12978
|
+
var favicon = $browser.data('favicon') || 'https://mumuki.io/logo-alt-png';
|
|
12979
|
+
var url = $browser.data('url') || 'https://mumuki.io';
|
|
12980
|
+
return $([
|
|
12981
|
+
'<header>',
|
|
12982
|
+
' <ul class="mu-browser-tabs">',
|
|
12983
|
+
' <li class="mu-browser-tab active">',
|
|
12984
|
+
' <img src="', favicon, '">',
|
|
12985
|
+
' <span>', title, '<span>',
|
|
12986
|
+
' </li>',
|
|
12987
|
+
' <li class="mu-browser-tab mu-browser-new-tab">',
|
|
12988
|
+
' <i class="fa fa-fw fa-plus"></i>',
|
|
12989
|
+
' </li>',
|
|
12990
|
+
' </ul>',
|
|
12991
|
+
' <div class="mu-browser-bar">',
|
|
12992
|
+
' <i class="mu-arrow-left"></i>',
|
|
12993
|
+
' <i class="mu-arrow-right"></i>',
|
|
12994
|
+
' <i class="mu-refresh"></i>',
|
|
12995
|
+
' <input class="mu-web-browser-path" type="text" readonly value="', url, '">',
|
|
12996
|
+
' </header>',
|
|
12997
|
+
'</header>'
|
|
12998
|
+
].join(''))
|
|
12999
|
+
}
|
|
13000
|
+
|
|
13001
|
+
function getBrowserMain($browser) {
|
|
13002
|
+
return $([
|
|
13003
|
+
'<main>',
|
|
13004
|
+
' <iframe srcdoc="', $browser.data('srcdoc'), '" frameborder="0"></iframe>',
|
|
13005
|
+
'</main>'
|
|
13006
|
+
].join(''));
|
|
13007
|
+
}
|
|
13008
|
+
|
|
13009
|
+
$.fn.renderWebBrowser = function () {
|
|
13010
|
+
var self = this;
|
|
13011
|
+
self.empty();
|
|
13012
|
+
self.each(function (i) {
|
|
13013
|
+
var $browser = $(self[i]);
|
|
13014
|
+
|
|
13015
|
+
var $header = getBrowserHeader($browser);
|
|
13016
|
+
var $main = getBrowserMain($browser);
|
|
13017
|
+
|
|
13018
|
+
$browser.empty();
|
|
13019
|
+
|
|
13020
|
+
$browser.append($header);
|
|
13021
|
+
$browser.append($main);
|
|
13022
|
+
});
|
|
13023
|
+
|
|
13024
|
+
return self;
|
|
13025
|
+
}
|
|
13026
|
+
|
|
13027
|
+
$('.mu-browser').renderWebBrowser();
|
|
13028
|
+
|
|
13029
|
+
});
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
$mu-web-browser-tab-border-radius: 10px;
|
|
2
|
+
$mu-color-browser-inactive-tabs: darken($mu-color-component-title-background, 5%);
|
|
3
|
+
|
|
4
|
+
.mu-browser {
|
|
5
|
+
width: 100%;
|
|
6
|
+
position: relative;
|
|
7
|
+
header {
|
|
8
|
+
margin: 15px;
|
|
9
|
+
margin-bottom: 0;
|
|
10
|
+
@include display-flex(column nowrap, flex-start, flex-start);
|
|
11
|
+
.mu-browser-tabs {
|
|
12
|
+
width: 100%;
|
|
13
|
+
list-style: none;
|
|
14
|
+
margin-bottom: 0;
|
|
15
|
+
padding-left: 0;
|
|
16
|
+
border: $mu-component-border;
|
|
17
|
+
border-bottom: none;
|
|
18
|
+
background-color: $mu-color-browser-inactive-tabs;
|
|
19
|
+
border-top-left-radius: $mu-web-browser-tab-border-radius;
|
|
20
|
+
border-top-right-radius: $mu-web-browser-tab-border-radius;
|
|
21
|
+
@include display-flex(row nowrap, flex-start, center);
|
|
22
|
+
.mu-browser-tab {
|
|
23
|
+
@include display-flex(row nowrap, flex-start, center);
|
|
24
|
+
margin-left: -2px;
|
|
25
|
+
padding: 2px 10px;
|
|
26
|
+
border: $mu-component-border;
|
|
27
|
+
background-color: $mu-color-component-title-background;
|
|
28
|
+
img {
|
|
29
|
+
height: 16px;
|
|
30
|
+
width: 16px;
|
|
31
|
+
object-fit: cover;
|
|
32
|
+
margin-right: 5px;
|
|
33
|
+
}
|
|
34
|
+
&.active {
|
|
35
|
+
z-index: 2;
|
|
36
|
+
margin-bottom: -2px;
|
|
37
|
+
border-bottom: none;
|
|
38
|
+
border-top-left-radius: $mu-web-browser-tab-border-radius;
|
|
39
|
+
border-top-right-radius: $mu-web-browser-tab-border-radius;
|
|
40
|
+
width: 250px;
|
|
41
|
+
span {
|
|
42
|
+
overflow: hidden;
|
|
43
|
+
white-space: nowrap;
|
|
44
|
+
text-overflow: ellipsis;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
&.mu-browser-new-tab {
|
|
48
|
+
height: 36px;
|
|
49
|
+
width: 36px;
|
|
50
|
+
margin: 0 0 -2px 2px;
|
|
51
|
+
font-size: 75%;
|
|
52
|
+
border-top-left-radius: $mu-web-browser-tab-border-radius;
|
|
53
|
+
border-top-right-radius: $mu-web-browser-tab-border-radius;
|
|
54
|
+
background-color: darken($mu-color-browser-inactive-tabs, 2.5%);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
.mu-browser-bar {
|
|
59
|
+
width: 100%;
|
|
60
|
+
padding: 15px;
|
|
61
|
+
border: $mu-component-border;
|
|
62
|
+
background-color: $mu-color-component-title-background;
|
|
63
|
+
@include display-flex(row nowrap, flex-start, center);
|
|
64
|
+
i {
|
|
65
|
+
cursor: pointer;
|
|
66
|
+
font-size: 25px;
|
|
67
|
+
margin-right: 10px;
|
|
68
|
+
@extend .fa;
|
|
69
|
+
@extend .fa-fw;
|
|
70
|
+
&.mu-arrow-left {
|
|
71
|
+
@extend .fa-arrow-circle-left;
|
|
72
|
+
};
|
|
73
|
+
&.mu-arrow-right {
|
|
74
|
+
@extend .fa-arrow-circle-right;
|
|
75
|
+
};
|
|
76
|
+
&.mu-refresh {
|
|
77
|
+
@extend .fa-refresh;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
input {
|
|
81
|
+
border: 1px solid $mu-color-component-border;
|
|
82
|
+
padding: 0 10px;
|
|
83
|
+
height: 30px;
|
|
84
|
+
border-radius: 10px;
|
|
85
|
+
width: 100%;
|
|
86
|
+
&:focus { outline: none }
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
main {
|
|
91
|
+
position: relative;
|
|
92
|
+
border: $mu-component-border;
|
|
93
|
+
border-top: none;
|
|
94
|
+
margin: 15px;
|
|
95
|
+
margin-top: 0;
|
|
96
|
+
height: 500px;
|
|
97
|
+
min-height: 500px;
|
|
98
|
+
iframe {
|
|
99
|
+
width: 100%;
|
|
100
|
+
height: 100%;
|
|
101
|
+
border: none;
|
|
102
|
+
overflow: auto;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
$mu-color-component-title-background: $mu-color-separator;
|
|
2
|
+
$mu-color-component-border: darken($mu-color-component-title-background, 10%);
|
|
3
|
+
|
|
4
|
+
$mu-component-border: 2px solid $mu-color-component-border;
|
|
5
|
+
$mu-component-border-radius: 15px;
|
|
6
|
+
|
|
7
|
+
@import 'browser';
|
|
8
|
+
@import 'mu-erd';
|
|
9
|
+
@import 'mu-file-browser';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
$mu-erd-
|
|
1
|
+
$mu-erd-margin: 20px;
|
|
2
2
|
|
|
3
3
|
.mu-erd {
|
|
4
4
|
position: relative;
|
|
@@ -11,18 +11,19 @@ $mu-erd-border: 2px solid $mu-color-dark-separator;
|
|
|
11
11
|
align-items: center;
|
|
12
12
|
svg {
|
|
13
13
|
z-index: 0;
|
|
14
|
-
width: 100
|
|
14
|
+
width: calc(100% - #{$mu-erd-margin});
|
|
15
15
|
height: 100%;
|
|
16
16
|
position: absolute;
|
|
17
|
+
margin-left: $mu-erd-margin / 2;
|
|
17
18
|
}
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
.mu-erd-entity {
|
|
21
22
|
z-index: 1;
|
|
22
|
-
margin:
|
|
23
|
+
margin: $mu-erd-margin;
|
|
23
24
|
width: 250px;
|
|
24
25
|
min-width: 250px;
|
|
25
|
-
border: $mu-
|
|
26
|
+
border: $mu-component-border;
|
|
26
27
|
border-top-left-radius: 15px;
|
|
27
28
|
border-top-right-radius: 15px;
|
|
28
29
|
}
|
|
@@ -31,10 +32,10 @@ $mu-erd-border: 2px solid $mu-color-dark-separator;
|
|
|
31
32
|
padding: 5px 10px;
|
|
32
33
|
list-style: none;
|
|
33
34
|
text-align: center;
|
|
34
|
-
border-bottom: $mu-
|
|
35
|
+
border-bottom: $mu-component-border;
|
|
35
36
|
border-top-left-radius: 15px;
|
|
36
37
|
border-top-right-radius: 15px;
|
|
37
|
-
background-color: $mu-color-
|
|
38
|
+
background-color: $mu-color-component-title-background;
|
|
38
39
|
margin: 0;
|
|
39
40
|
}
|
|
40
41
|
|
|
@@ -48,7 +49,7 @@ $mu-erd-border: 2px solid $mu-color-dark-separator;
|
|
|
48
49
|
padding: 5px 0;
|
|
49
50
|
flex-flow: row;
|
|
50
51
|
justify-content: space-between;
|
|
51
|
-
border-bottom: 1px dashed $mu-color-
|
|
52
|
+
border-bottom: 1px dashed $mu-color-component-border;
|
|
52
53
|
&:last-child {
|
|
53
54
|
border-bottom: none;
|
|
54
55
|
}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
$mu-file-browser-border: 2px solid $mu-color-dark-separator;
|
|
2
|
-
|
|
3
1
|
.mu-file-browser {
|
|
4
2
|
width: 100%;
|
|
5
3
|
position: relative;
|
|
@@ -7,10 +5,10 @@ $mu-file-browser-border: 2px solid $mu-color-dark-separator;
|
|
|
7
5
|
margin: 15px;
|
|
8
6
|
margin-bottom: 0;
|
|
9
7
|
padding: 15px;
|
|
10
|
-
border: $mu-
|
|
8
|
+
border: $mu-component-border;
|
|
11
9
|
border-top-left-radius: 15px;
|
|
12
10
|
border-top-right-radius: 15px;
|
|
13
|
-
background-color: $mu-color-
|
|
11
|
+
background-color: $mu-color-component-title-background;
|
|
14
12
|
@include display-flex(row nowrap, flex-start, center);
|
|
15
13
|
i {
|
|
16
14
|
cursor: pointer;
|
|
@@ -21,7 +19,7 @@ $mu-file-browser-border: 2px solid $mu-color-dark-separator;
|
|
|
21
19
|
@extend .fa-arrow-circle-left;
|
|
22
20
|
}
|
|
23
21
|
input {
|
|
24
|
-
border: 1px solid $mu-color-
|
|
22
|
+
border: 1px solid $mu-color-component-border;
|
|
25
23
|
padding: 0 10px;
|
|
26
24
|
height: 30px;
|
|
27
25
|
border-radius: 10px;
|
|
@@ -30,7 +28,7 @@ $mu-file-browser-border: 2px solid $mu-color-dark-separator;
|
|
|
30
28
|
}
|
|
31
29
|
}
|
|
32
30
|
main {
|
|
33
|
-
border: $mu-
|
|
31
|
+
border: $mu-component-border;
|
|
34
32
|
border-top: none;
|
|
35
33
|
margin: 15px;
|
|
36
34
|
margin-top: 0;
|
|
@@ -6085,7 +6085,7 @@ a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
|
|
|
6085
6085
|
font-weight: normal;
|
|
6086
6086
|
font-style: normal; }
|
|
6087
6087
|
|
|
6088
|
-
.fa, .mu-file-browser header i, .mu-file-browser main ul li i {
|
|
6088
|
+
.fa, .mu-browser header .mu-browser-bar i, .mu-file-browser header i, .mu-file-browser main ul li i {
|
|
6089
6089
|
display: inline-block;
|
|
6090
6090
|
font: normal normal normal 14px/1 FontAwesome;
|
|
6091
6091
|
font-size: inherit;
|
|
@@ -6111,7 +6111,7 @@ a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
|
|
|
6111
6111
|
.fa-5x {
|
|
6112
6112
|
font-size: 5em; }
|
|
6113
6113
|
|
|
6114
|
-
.fa-fw, .mu-file-browser header i, .mu-file-browser main ul li i {
|
|
6114
|
+
.fa-fw, .mu-browser header .mu-browser-bar i, .mu-file-browser header i, .mu-file-browser main ul li i {
|
|
6115
6115
|
width: 1.28571em;
|
|
6116
6116
|
text-align: center; }
|
|
6117
6117
|
|
|
@@ -6142,10 +6142,10 @@ a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
|
|
|
6142
6142
|
.fa-pull-right {
|
|
6143
6143
|
float: right; }
|
|
6144
6144
|
|
|
6145
|
-
.fa.fa-pull-left, .mu-file-browser header i.fa-pull-left, .mu-file-browser main ul li i.fa-pull-left {
|
|
6145
|
+
.fa.fa-pull-left, .mu-browser header .mu-browser-bar i.fa-pull-left, .mu-file-browser header i.fa-pull-left, .mu-file-browser main ul li i.fa-pull-left {
|
|
6146
6146
|
margin-right: .3em; }
|
|
6147
6147
|
|
|
6148
|
-
.fa.fa-pull-right, .mu-file-browser header i.fa-pull-right, .mu-file-browser main ul li i.fa-pull-right {
|
|
6148
|
+
.fa.fa-pull-right, .mu-browser header .mu-browser-bar i.fa-pull-right, .mu-file-browser header i.fa-pull-right, .mu-file-browser main ul li i.fa-pull-right {
|
|
6149
6149
|
margin-left: .3em; }
|
|
6150
6150
|
|
|
6151
6151
|
/* Deprecated as of 4.4.0 */
|
|
@@ -6155,10 +6155,10 @@ a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
|
|
|
6155
6155
|
.pull-left {
|
|
6156
6156
|
float: left; }
|
|
6157
6157
|
|
|
6158
|
-
.fa.pull-left, .mu-file-browser header i.pull-left, .mu-file-browser main ul li i.pull-left {
|
|
6158
|
+
.fa.pull-left, .mu-browser header .mu-browser-bar i.pull-left, .mu-file-browser header i.pull-left, .mu-file-browser main ul li i.pull-left {
|
|
6159
6159
|
margin-right: .3em; }
|
|
6160
6160
|
|
|
6161
|
-
.fa.pull-right, .mu-file-browser header i.pull-right, .mu-file-browser main ul li i.pull-right {
|
|
6161
|
+
.fa.pull-right, .mu-browser header .mu-browser-bar i.pull-right, .mu-file-browser header i.pull-right, .mu-file-browser main ul li i.pull-right {
|
|
6162
6162
|
margin-left: .3em; }
|
|
6163
6163
|
|
|
6164
6164
|
.fa-spin {
|
|
@@ -6341,7 +6341,7 @@ a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
|
|
|
6341
6341
|
.fa-repeat:before {
|
|
6342
6342
|
content: ""; }
|
|
6343
6343
|
|
|
6344
|
-
.fa-refresh:before {
|
|
6344
|
+
.fa-refresh:before, .mu-browser header .mu-browser-bar i.mu-refresh:before {
|
|
6345
6345
|
content: ""; }
|
|
6346
6346
|
|
|
6347
6347
|
.fa-list-alt:before {
|
|
@@ -6735,10 +6735,10 @@ a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
|
|
|
6735
6735
|
.fa-hand-o-down:before {
|
|
6736
6736
|
content: ""; }
|
|
6737
6737
|
|
|
6738
|
-
.fa-arrow-circle-left:before, .mu-file-browser header i:before {
|
|
6738
|
+
.fa-arrow-circle-left:before, .mu-browser header .mu-browser-bar i.mu-arrow-left:before, .mu-file-browser header i:before {
|
|
6739
6739
|
content: ""; }
|
|
6740
6740
|
|
|
6741
|
-
.fa-arrow-circle-right:before {
|
|
6741
|
+
.fa-arrow-circle-right:before, .mu-browser header .mu-browser-bar i.mu-arrow-right:before {
|
|
6742
6742
|
content: ""; }
|
|
6743
6743
|
|
|
6744
6744
|
.fa-arrow-circle-up:before {
|
|
@@ -9373,7 +9373,7 @@ pre code {
|
|
|
9373
9373
|
flex-flow: row nowrap;
|
|
9374
9374
|
align-items: center;
|
|
9375
9375
|
justify-content: flex-start; }
|
|
9376
|
-
.mu-navbar .mu-navbar-avatar .notifications-box .fa, .mu-navbar .mu-navbar-avatar .notifications-box .mu-file-browser header i, .mu-file-browser header .mu-navbar .mu-navbar-avatar .notifications-box i, .mu-navbar .mu-navbar-avatar .notifications-box .mu-file-browser main ul li i, .mu-file-browser main ul li .mu-navbar .mu-navbar-avatar .notifications-box i {
|
|
9376
|
+
.mu-navbar .mu-navbar-avatar .notifications-box .fa, .mu-navbar .mu-navbar-avatar .notifications-box .mu-browser header .mu-browser-bar i, .mu-browser header .mu-browser-bar .mu-navbar .mu-navbar-avatar .notifications-box i, .mu-navbar .mu-navbar-avatar .notifications-box .mu-file-browser header i, .mu-file-browser header .mu-navbar .mu-navbar-avatar .notifications-box i, .mu-navbar .mu-navbar-avatar .notifications-box .mu-file-browser main ul li i, .mu-file-browser main ul li .mu-navbar .mu-navbar-avatar .notifications-box i {
|
|
9377
9377
|
color: #0B465D; }
|
|
9378
9378
|
.mu-navbar .mu-navbar-avatar .notifications-box .badge-notifications {
|
|
9379
9379
|
position: absolute;
|
|
@@ -9405,42 +9405,96 @@ pre code {
|
|
|
9405
9405
|
border-left: 1px solid #ecf0f1; }
|
|
9406
9406
|
|
|
9407
9407
|
.mu-browser {
|
|
9408
|
-
|
|
9409
|
-
|
|
9410
|
-
|
|
9411
|
-
|
|
9412
|
-
|
|
9413
|
-
|
|
9414
|
-
|
|
9415
|
-
|
|
9416
|
-
|
|
9417
|
-
|
|
9418
|
-
|
|
9419
|
-
|
|
9420
|
-
|
|
9421
|
-
|
|
9422
|
-
|
|
9423
|
-
|
|
9424
|
-
|
|
9425
|
-
|
|
9426
|
-
|
|
9427
|
-
|
|
9428
|
-
|
|
9429
|
-
|
|
9430
|
-
|
|
9431
|
-
|
|
9432
|
-
|
|
9433
|
-
|
|
9434
|
-
|
|
9435
|
-
|
|
9436
|
-
|
|
9437
|
-
|
|
9438
|
-
|
|
9439
|
-
|
|
9440
|
-
|
|
9441
|
-
|
|
9442
|
-
|
|
9443
|
-
|
|
9408
|
+
width: 100%;
|
|
9409
|
+
position: relative; }
|
|
9410
|
+
.mu-browser header {
|
|
9411
|
+
margin: 15px;
|
|
9412
|
+
margin-bottom: 0;
|
|
9413
|
+
display: flex;
|
|
9414
|
+
flex-flow: column nowrap;
|
|
9415
|
+
align-items: flex-start;
|
|
9416
|
+
justify-content: flex-start; }
|
|
9417
|
+
.mu-browser header .mu-browser-tabs {
|
|
9418
|
+
width: 100%;
|
|
9419
|
+
list-style: none;
|
|
9420
|
+
margin-bottom: 0;
|
|
9421
|
+
padding-left: 0;
|
|
9422
|
+
border: 2px solid #cfd9db;
|
|
9423
|
+
border-bottom: none;
|
|
9424
|
+
background-color: #dde4e6;
|
|
9425
|
+
border-top-left-radius: 10px;
|
|
9426
|
+
border-top-right-radius: 10px;
|
|
9427
|
+
display: flex;
|
|
9428
|
+
flex-flow: row nowrap;
|
|
9429
|
+
align-items: center;
|
|
9430
|
+
justify-content: flex-start; }
|
|
9431
|
+
.mu-browser header .mu-browser-tabs .mu-browser-tab {
|
|
9432
|
+
display: flex;
|
|
9433
|
+
flex-flow: row nowrap;
|
|
9434
|
+
align-items: center;
|
|
9435
|
+
justify-content: flex-start;
|
|
9436
|
+
margin-left: -2px;
|
|
9437
|
+
padding: 2px 10px;
|
|
9438
|
+
border: 2px solid #cfd9db;
|
|
9439
|
+
background-color: #ecf0f1; }
|
|
9440
|
+
.mu-browser header .mu-browser-tabs .mu-browser-tab img {
|
|
9441
|
+
height: 16px;
|
|
9442
|
+
width: 16px;
|
|
9443
|
+
object-fit: cover;
|
|
9444
|
+
margin-right: 5px; }
|
|
9445
|
+
.mu-browser header .mu-browser-tabs .mu-browser-tab.active {
|
|
9446
|
+
z-index: 2;
|
|
9447
|
+
margin-bottom: -2px;
|
|
9448
|
+
border-bottom: none;
|
|
9449
|
+
border-top-left-radius: 10px;
|
|
9450
|
+
border-top-right-radius: 10px;
|
|
9451
|
+
width: 250px; }
|
|
9452
|
+
.mu-browser header .mu-browser-tabs .mu-browser-tab.active span {
|
|
9453
|
+
overflow: hidden;
|
|
9454
|
+
white-space: nowrap;
|
|
9455
|
+
text-overflow: ellipsis; }
|
|
9456
|
+
.mu-browser header .mu-browser-tabs .mu-browser-tab.mu-browser-new-tab {
|
|
9457
|
+
height: 36px;
|
|
9458
|
+
width: 36px;
|
|
9459
|
+
margin: 0 0 -2px 2px;
|
|
9460
|
+
font-size: 75%;
|
|
9461
|
+
border-top-left-radius: 10px;
|
|
9462
|
+
border-top-right-radius: 10px;
|
|
9463
|
+
background-color: #d6dfe1; }
|
|
9464
|
+
.mu-browser header .mu-browser-bar {
|
|
9465
|
+
width: 100%;
|
|
9466
|
+
padding: 15px;
|
|
9467
|
+
border: 2px solid #cfd9db;
|
|
9468
|
+
background-color: #ecf0f1;
|
|
9469
|
+
display: flex;
|
|
9470
|
+
flex-flow: row nowrap;
|
|
9471
|
+
align-items: center;
|
|
9472
|
+
justify-content: flex-start; }
|
|
9473
|
+
.mu-browser header .mu-browser-bar i {
|
|
9474
|
+
cursor: pointer;
|
|
9475
|
+
font-size: 25px;
|
|
9476
|
+
margin-right: 10px; }
|
|
9477
|
+
.mu-browser header .mu-browser-bar input {
|
|
9478
|
+
border: 1px solid #cfd9db;
|
|
9479
|
+
padding: 0 10px;
|
|
9480
|
+
height: 30px;
|
|
9481
|
+
border-radius: 10px;
|
|
9482
|
+
width: 100%; }
|
|
9483
|
+
.mu-browser header .mu-browser-bar input:focus {
|
|
9484
|
+
outline: none; }
|
|
9485
|
+
.mu-browser main {
|
|
9486
|
+
position: relative;
|
|
9487
|
+
border: 2px solid #cfd9db;
|
|
9488
|
+
border-top: none;
|
|
9489
|
+
margin: 15px;
|
|
9490
|
+
margin-top: 0;
|
|
9491
|
+
height: 500px;
|
|
9492
|
+
min-height: 500px; }
|
|
9493
|
+
.mu-browser main iframe {
|
|
9494
|
+
width: 100%;
|
|
9495
|
+
height: 100%;
|
|
9496
|
+
border: none;
|
|
9497
|
+
overflow: auto; }
|
|
9444
9498
|
|
|
9445
9499
|
.mu-erd {
|
|
9446
9500
|
position: relative;
|
|
@@ -9453,13 +9507,14 @@ pre code {
|
|
|
9453
9507
|
align-items: center; }
|
|
9454
9508
|
.mu-erd svg {
|
|
9455
9509
|
z-index: 0;
|
|
9456
|
-
width: 100
|
|
9510
|
+
width: calc(100% - 20px);
|
|
9457
9511
|
height: 100%;
|
|
9458
|
-
position: absolute;
|
|
9512
|
+
position: absolute;
|
|
9513
|
+
margin-left: 10px; }
|
|
9459
9514
|
|
|
9460
9515
|
.mu-erd-entity {
|
|
9461
9516
|
z-index: 1;
|
|
9462
|
-
margin: 20px
|
|
9517
|
+
margin: 20px;
|
|
9463
9518
|
width: 250px;
|
|
9464
9519
|
min-width: 250px;
|
|
9465
9520
|
border: 2px solid #cfd9db;
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: mumuki-styles
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.
|
|
4
|
+
version: 1.15.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Federico Scarpa
|
|
@@ -87,20 +87,21 @@ files:
|
|
|
87
87
|
- app/assets/fonts/fontawesome-webfont.woff2
|
|
88
88
|
- app/assets/javascripts/mumuki-styles.js
|
|
89
89
|
- app/assets/stylesheets/_broken.scss
|
|
90
|
-
- app/assets/stylesheets/_browser.scss
|
|
91
90
|
- app/assets/stylesheets/_colors.scss
|
|
92
91
|
- app/assets/stylesheets/_fonts.scss
|
|
93
92
|
- app/assets/stylesheets/_footer.scss
|
|
94
93
|
- app/assets/stylesheets/_hovers.scss
|
|
95
94
|
- app/assets/stylesheets/_mixines.scss
|
|
96
95
|
- app/assets/stylesheets/_modules.scss
|
|
97
|
-
- app/assets/stylesheets/_mu-erd.scss
|
|
98
|
-
- app/assets/stylesheets/_mu-file-browser.scss
|
|
99
96
|
- app/assets/stylesheets/_navbar.scss
|
|
100
97
|
- app/assets/stylesheets/_styles.scss
|
|
101
98
|
- app/assets/stylesheets/_vendor.scss
|
|
102
99
|
- app/assets/stylesheets/bootswatch/_bootswatch.scss
|
|
103
100
|
- app/assets/stylesheets/bootswatch/_variables.scss
|
|
101
|
+
- app/assets/stylesheets/components/_browser.scss
|
|
102
|
+
- app/assets/stylesheets/components/_components.scss
|
|
103
|
+
- app/assets/stylesheets/components/_mu-erd.scss
|
|
104
|
+
- app/assets/stylesheets/components/_mu-file-browser.scss
|
|
104
105
|
- app/assets/stylesheets/modules/_breadcrumb.scss
|
|
105
106
|
- app/assets/stylesheets/modules/_callout.scss
|
|
106
107
|
- app/assets/stylesheets/modules/_checkbox.scss
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
.mu-browser {
|
|
2
|
-
iframe {
|
|
3
|
-
margin: 0;
|
|
4
|
-
width: 100%;
|
|
5
|
-
border: none;
|
|
6
|
-
}
|
|
7
|
-
border-top: 2em solid rgba(230, 230, 230, 0.7);
|
|
8
|
-
box-shadow: 0 0.1em 1em 0 rgba(0, 0, 0, 0.4);
|
|
9
|
-
position: relative;
|
|
10
|
-
border-radius: 3px 3px 0 0;
|
|
11
|
-
padding: 5px;
|
|
12
|
-
|
|
13
|
-
&:before {
|
|
14
|
-
display: block;
|
|
15
|
-
position: absolute;
|
|
16
|
-
content: '';
|
|
17
|
-
top: -1.25em;
|
|
18
|
-
left: 0.5em;
|
|
19
|
-
width: 0.5em;
|
|
20
|
-
height: 0.5em;
|
|
21
|
-
border-radius: 50%;
|
|
22
|
-
background-color: #9b3;
|
|
23
|
-
box-shadow: 0 0 0 2px #9b3;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&:after {
|
|
27
|
-
display: block;
|
|
28
|
-
position: absolute;
|
|
29
|
-
font-family: 'DejaVu Sans', 'Liberation Sans', sans-serif;
|
|
30
|
-
content: 'http://mi-sitio.com';
|
|
31
|
-
top: -1.8em;
|
|
32
|
-
left: 1.5em;
|
|
33
|
-
padding: 0 0.2em 1.4em;
|
|
34
|
-
width: calc(100% - 2.2em);
|
|
35
|
-
height: 1.2em;
|
|
36
|
-
border-radius: 2px;
|
|
37
|
-
background-color: white;
|
|
38
|
-
font-size: 0.9em;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
& > * {
|
|
42
|
-
display: block;
|
|
43
|
-
margin: 2em;
|
|
44
|
-
}
|
|
45
|
-
}
|