Skip to content

Commit c4e27d9

Browse files
jlukicjlukic
committed
Add new documentation
1 parent 458ca8f commit c4e27d9

12 files changed

Lines changed: 452 additions & 110 deletions

File tree

‎package.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -10,13 +10,13 @@
1010
"url": "git://github.com/Semantic-Org/Semantic-UI-Docs.git"
1111
},
1212
"dependencies": {
13-
"docpad": "~6.79.0",
13+
"docpad": "~6.79.4",
1414
"docpad-plugin-babel": "~2.2.1",
1515
"docpad-plugin-copy": "~2.1.3",
16-
"docpad-plugin-eco": "~2.1.0",
17-
"docpad-plugin-partials": "~2.9.2"
16+
"docpad-plugin-eco": "~2.2.1",
17+
"docpad-plugin-partials": "~2.12.0"
1818
},
1919
"devDependencies": {
20-
"docpad-plugin-ghpages": "~2.4.4"
20+
"docpad-plugin-ghpages": "~2.6.1"
2121
}
2222
}

‎server/documents/elements/input.html.eco‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -220,7 +220,7 @@ themes : ['Default', 'GitHub']
220220
<option selected value="articles">Articles</option>
221221
<option value="products">Products</option>
222222
</select>
223-
<div type="submit" class="ui button">Search</div>
223+
<div class="ui button">Search</div>
224224
</div>
225225
</div>
226226
<div class="another example">

‎server/documents/hotfix.html‎

Lines changed: 77 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -8,57 +8,73 @@
88
---
99

1010
<div class="ui container">
11-
<target class="top left">
12-
<i class="fitted link heart icon" data-content="This is a popup"></i>
13-
</target>
14-
<target class="top center">
15-
<i class="fitted link heart icon" data-content="This is a popup"></i>
16-
</target>
17-
<target class="top right">
18-
<i class="fitted link heart icon" data-content="This is a popup"></i>
19-
</target>
20-
<target class="right center">
21-
<i class="fitted link heart icon" data-content="This is a popup"></i>
22-
</target>
23-
<target class="bottom right">
24-
<i class="fitted link heart icon" data-content="This is a popup"></i>
25-
</target>
26-
<target class="bottom center">
27-
<i class="fitted link heart icon" data-content="This is a popup"></i>
28-
</target>
29-
<target class="top right">
30-
<i class="fitted link heart icon" data-content="This is a popup"></i>
31-
</target>
32-
<div class="ui divider"></div>
33-
<target class="top left">
34-
<div class="ui mini icon button" data-content="Do it do it"><i class="right chevron icon"></i></div>
35-
</target>
36-
<target class="top left">
37-
<div class="ui tiny icon button" data-content="Do it do it"><i class="right chevron icon"></i></div>
38-
</target>
39-
<target class="top left">
40-
<div class="ui small icon button" data-content="Do it do it"><i class="right chevron icon"></i></div>
41-
</target>
42-
<target class="top left">
43-
<div class="ui icon button" data-content="Do it do it"><i class="right chevron icon"></i></div>
44-
</target>
11+
<div class="ui search">
12+
<div class="ui searchbox action icon input">
13+
<input type="text" placeholder="Search">
14+
<button id="search_options" class="ui transparent icon button">
15+
<i class="angle down icon"></i>
16+
</button>
17+
<button class="ui blue icon button">
18+
<i class="search icon"></i>
19+
</button>
20+
</div>
21+
<div id="search_popup" class="ui fluid popup">
22+
<div class="ui form">
23+
<div class="fields">
24+
<div class="inline field">
25+
<div class="ui slider checkbox">
26+
<input type="checkbox" tabindex="0" class="hidden">
27+
<label>Exact Phrase</label>
28+
</div>
29+
<label></label>
30+
</div>
31+
<div class="field">
32+
<select class="ui dropdown">
33+
<option value="0">All Words</option>
34+
<option value="1">Any Words</option>
35+
<option value="2">Boolean</option>
36+
</select>
37+
</div>
38+
<div class="inline field">
39+
<div class="ui slider checkbox">
40+
<input type="checkbox" tabindex="0" class="hidden">
41+
<label>Only search email</label>
42+
</div>
43+
<label></label>
44+
</div>
45+
</div>
46+
<div class="field">
47+
<div class="ui fluid multiple search selection dropdown">
48+
<input type="hidden" name="tags">
49+
<div class="default text">Select Tags</div>
50+
<div class="menu">
51+
<div class="item" data-value="ub">uploaded by</div>
52+
<div class="item" data-value="es">email senders</div>
53+
<div class="item" data-value="er">email recepients</div>
54+
<div class="item" data-value="dt">document types</div>
55+
<div class="item" data-value="a">authors</div>
56+
</div>
57+
</div>
58+
</div>
59+
</div>
60+
</div>
61+
<div class="results"></div>
62+
</div>
63+
64+
4565
</div>
4666

4767
<script>
4868
$(document).ready(function() {
49-
$('target').each(function() {
50-
var
51-
$icon = $(this).children(),
52-
position = $(this).attr('class')
53-
;
54-
console.log($icon.get(0), position);
55-
$icon.popup({
56-
on: 'hover',
57-
inline: true,
58-
preserve: true,
59-
position: position
60-
});
61-
});
69+
$('.ui.checkbox').checkbox();
70+
$('.dropdown').dropdown();
71+
$('#search_options').popup({
72+
on: 'click',
73+
position: 'bottom right',
74+
popup: '#search_popup',
75+
movePopup: false
76+
});
77+
6278
});
6379
</script>
6480

@@ -68,6 +84,20 @@
6884
.ui.container {
6985
padding-top: 6em;
7086
}
87+
.searchbox {
88+
width: 100%;
89+
max-width: 50em;
90+
}
91+
92+
.ui.transparent.icon.button {
93+
margin-left: -39px;
94+
background: transparent;
95+
box-shadow: none;
96+
}
97+
98+
#search_popup .fields .field {
99+
align-self: center;
100+
}
71101

72102

73103
</style>

‎server/documents/index.html.eco‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ standalone : true
5555
<div class="introduction">
5656
<a class="ui black version label" href="https://github.com/Semantic-Org/Semantic-UI/blob/<%= @getBranch() %>/RELEASE-NOTES.md">
5757
<%= @getVersion() %>
58-
- Jan 2018
58+
- Feb 2018
5959
</a>
6060
<h1 class="ui inverted header">
6161
<span class="library">
@@ -70,7 +70,7 @@ standalone : true
7070
<a href="/introduction/getting-started.html" class="ui huge inverted download button">
7171
Get Started
7272
</a>
73-
<a href="/introduction/new.html" class="ui huge inverted basic button">New in 2.2</a>
73+
<a href="/introduction/new.html" class="ui huge inverted basic button">New in 2.3</a>
7474
</div>
7575
<div class="inverted advertisement">
7676
<% unless 'development' in @getEnvironments(): %>

0 commit comments

Comments
 (0)