mumuki-styles 1.14.0 → 1.15.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
}
|