Skip to content

Commit 82b982a

Browse files
author
Olivier Giulieri
committed
CSS improvements.
1 parent 2af383f commit 82b982a

6 files changed

Lines changed: 81 additions & 16 deletions

File tree

‎dist/css/demo.css‎

Lines changed: 20 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
.evo-logo {
44
float: left;
55
font-size: 2em;
6-
margin: 5px 80px 5px 10px;
6+
margin: 16px 80px 5px 10px;
77
}
88
.evo-logo > a {
99
text-decoration: none;
@@ -170,14 +170,31 @@
170170
.evo-content3 > p > img {
171171
width: 500px;
172172
}
173+
.evo-asection {
174+
display: block;
175+
margin-top: 200px;
176+
content: " ";
177+
}
178+
@media only screen and (min-width: 900px) {
179+
.evo-h-gap {
180+
display: none;
181+
}
182+
}
173183
body {
174184
font-size: 11pt;
175185
font-family: "Century Gothic", arial;
176186
color: #0d0d0d;
177187
font-weight: 300;
178188
}
179-
h1 {
180-
color: #0099cc;
189+
h1,
190+
h2,
191+
h3,
192+
h4 {
193+
color: #0099cc !important;
194+
}
195+
.evo-title > h1,
196+
.evo-title2 > h1 {
197+
color: white !important;
181198
}
182199
.blueBox {
183200
float: left;

‎doc/ui-model.html‎

Lines changed: 26 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -33,19 +33,18 @@ <h1>UI Model</h1>
3333

3434
<div class="evo-content3">
3535

36-
<p>This page describes the "vocabulary" or API to define UI models.
37-
</p>
36+
<p>Attributes in your Backbone model are mapped to <a href="#fields">fields</a> in UI model. This page describes the "vocabulary" (or API) to define UI models.</p>
37+
38+
<p>Fields are grouped in <a href="#panels">panels</a>, panels can be grouped in <a href="#tabs">tabs</a>.
39+
Sub-collections can be included as <a href="#panel-list">panel-list</a>.
40+
</p>
3841

3942
<p>It is a first draft and it is nor fully implemented yet but a work in progress based on
4043
<a href="http://www.codeproject.com/Articles/28636/Minimalist-Meta-Model-for-CRUD-Applications" target="evomm">Evolutility minimalist meta-model</a>.</p>
4144

42-
<p>
43-
Attributes in your Backbone model are mapped to fields in the UI model.
44-
These fields can be grouped into panels and tabs.
45-
</p>
46-
4745

4846

47+
<p class="evo-h-gap">&nbsp;</p>
4948
<section id="object">
5049
<p></p>
5150
<h1>object</h1>
@@ -97,10 +96,12 @@ <h1>object</h1>
9796
</tr>
9897
</tbody></table>
9998

100-
<a name="field"></a>
10199
<span class="evol-required">*</span>: required attribute.
102100
</section>
103101

102+
<a name="fields"></a>
103+
<p class="evo-h-gap">&nbsp;</p>
104+
<p>&nbsp;</p>
104105
<section id="field">
105106
<h1>field</h1>
106107
<p>Attributes in your Backbone model are mapped to fields in the UI.</p>
@@ -314,14 +315,18 @@ <h1>field</h1>
314315
<tr>
315316
<td>viewmany, viewlist, <br/>
316317
viewcards, viewedit, <br/>
317-
viewmini, viewexport
318+
viewmini, viewexport,
319+
viewcharts
318320
</td>
319321
<td>Determines if the field is available in specific views.
320322
</td>
321323
</tr>
322324
</tbody></table>
323325
</section>
324326

327+
<a name="panels"></a>
328+
<p class="evo-h-gap">&nbsp;</p>
329+
<p>&nbsp;</p>
325330
<section id="panel">
326331
<p></p>
327332
<h1>panel</h1>
@@ -379,7 +384,11 @@ <h1>panel</h1>
379384
</tbody></table>
380385

381386
</section>
382-
<section id="panel-list">
387+
388+
<a name="panel-list"></a>
389+
<p class="evo-h-gap">&nbsp;</p>
390+
<p>&nbsp;</p>
391+
<section id="panel-list">
383392
<p></p>
384393
<h1>panel-list</h1>
385394

@@ -431,6 +440,10 @@ <h1>panel-list</h1>
431440
</tbody></table>
432441

433442
</section>
443+
444+
<a name="tabs"></a>
445+
<p class="evo-h-gap">&nbsp;</p>
446+
<p>&nbsp;</p>
434447
<section id="tab">
435448
<p></p>
436449
<h1>tab</h1>
@@ -470,6 +483,9 @@ <h1>tab</h1>
470483
</tbody></table>
471484
</section>
472485

486+
<a name="sample"></a>
487+
<p class="evo-h-gap">&nbsp;</p>
488+
<p>&nbsp;</p>
473489
<section id="sample">
474490
<p></p>
475491

‎doc/views.html‎

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,9 @@ <h1>Views</h1>
4545

4646
<div class="evol-doc-views">
4747

48+
<a name="one"></a>
49+
<p class="evo-h-gap">&nbsp;</p>
50+
<p>&nbsp;</p>
4851
<section id="views-one">
4952
<h2>Evol.ViewOne</h2>
5053

@@ -88,6 +91,9 @@ <h3><i class="glyphicon glyphicon-barcode"></i>&nbsp;JSON</h3>
8891
<p>Other possible views: Wizard...</p>
8992
</section>
9093

94+
<a name="many"></a>
95+
<p class="evo-h-gap">&nbsp;</p>
96+
<p>&nbsp;</p>
9197
<section id="views-many">
9298

9399

@@ -124,6 +130,9 @@ <h3><i class="glyphicon glyphicon-stats"></i>&nbsp;Charts</h3>
124130

125131
</section>
126132

133+
<a name="action"></a>
134+
<p class="evo-h-gap">&nbsp;</p>
135+
<p>&nbsp;</p>
127136
<section id="views-action">
128137

129138
<h2>Evol.ViewAction</h2>
@@ -151,7 +160,8 @@ <h3><i class="glyphicon glyphicon-cloud-download"></i>&nbsp;Export</h3>
151160
</section>
152161

153162

154-
163+
<p class="evo-h-gap">&nbsp;</p>
164+
<p>&nbsp;</p>
155165
<section>
156166
<h2>Methods</h2>
157167

@@ -184,6 +194,9 @@ <h3>Evol.ViewMany</h3>
184194

185195

186196
</section>
197+
198+
<p class="evo-h-gap">&nbsp;</p>
199+
<p>&nbsp;</p>
187200
<section>
188201

189202
<h2>Properties</h2>
@@ -196,6 +209,9 @@ <h3>Evol.ViewOne and Evol.ViewMany</h3>
196209

197210

198211
</section>
212+
213+
<p class="evo-h-gap">&nbsp;</p>
214+
<p>&nbsp;</p>
199215
<section>
200216

201217

‎less/demo.less‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,10 @@ body{
1313
font-weight: 300;
1414
}
1515

16-
h1{color:@color-header;}
16+
h1, h2, h3, h4{color:@color-header !important;}
17+
.evo-title>h1,.evo-title2>h1{
18+
color:white !important;
19+
}
1720

1821
.blueBox{
1922
float:left;

‎less/doc.less‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,3 +25,16 @@
2525
width:500px;
2626
}
2727
}
28+
29+
.evo-asection{
30+
display:block;
31+
margin-top:200px;
32+
content: " ";
33+
}
34+
35+
@media only screen and (min-width: @screen2) {
36+
37+
.evo-h-gap{
38+
display:none;
39+
}
40+
}

‎less/header.less‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
.evo-logo{
1616
float:left;
1717
font-size: 2em;
18-
margin:5px 80px 5px 10px;
18+
margin:16px 80px 5px 10px;
1919

2020
>a{
2121
text-decoration: none;

0 commit comments

Comments
 (0)