Skip to content

Commit 1b008d5

Browse files
oltonolton
committed
add helper for create short search form - btn-search
1 parent c84c9e3 commit 1b008d5

5 files changed

Lines changed: 80 additions & 9 deletions

File tree

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ CSS/LESS, HTML, Javascript.
2828

2929
## Sergey Volkov
3030
Voljskiy, Russia.
31-
Project member.
31+
Team member.
3232
Javascript.
3333

3434
# Pull requests

‎less/forms.less‎

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -325,7 +325,7 @@
325325
position: relative;
326326

327327
&.text, &.password {
328-
.helper {
328+
.helper, .btn-search {
329329
background: #fff;// @textbox_pass_inactive_icon 50% no-repeat;
330330
top: 2px;
331331
width: 26px !important;
@@ -377,14 +377,26 @@
377377
&:before {
378378
font-family: iconFont;
379379
font-size: 12px;
380-
//content: "\2715";
381380
content: "\e089";
382381
left: 7px;
383382
top: 3px;
384383
}
385384

386385
}
387386
}
387+
&.text {
388+
.btn-search {
389+
390+
&:before {
391+
font-family: iconFont;
392+
font-size: 12px;
393+
content: "\e041";
394+
left: 7px;
395+
top: 3px;
396+
}
397+
398+
}
399+
}
388400
}
389401

390402
label {

‎less/jqgrid.less‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
/*
2+
* Metro UI CSS
3+
* Copyright 2012 Sergey Pimenov
4+
* Licensed under the MIT Lilcense
5+
*
6+
* jqGrid.less
7+
*
8+
*/
9+
10+
.ui-jqgrid {
11+
12+
}

‎public/css/modern.css‎

Lines changed: 22 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5231,7 +5231,9 @@ table.bordered tbody tr:last-child td {
52315231
position: relative;
52325232
}
52335233
.input-control.text .helper,
5234-
.input-control.password .helper {
5234+
.input-control.password .helper,
5235+
.input-control.text .btn-search,
5236+
.input-control.password .btn-search {
52355237
background: #fff;
52365238
top: 2px;
52375239
width: 26px !important;
@@ -5247,7 +5249,9 @@ table.bordered tbody tr:last-child td {
52475249
border: 1px #fff solid;
52485250
}
52495251
.input-control.text .helper:before,
5250-
.input-control.password .helper:before {
5252+
.input-control.password .helper:before,
5253+
.input-control.text .btn-search:before,
5254+
.input-control.password .btn-search:before {
52515255
font-size: 12pt;
52525256
position: absolute;
52535257
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
@@ -5257,15 +5261,21 @@ table.bordered tbody tr:last-child td {
52575261
line-height: 20px;
52585262
}
52595263
.input-control.text .helper:hover,
5260-
.input-control.password .helper:hover {
5264+
.input-control.password .helper:hover,
5265+
.input-control.text .btn-search:hover,
5266+
.input-control.password .btn-search:hover {
52615267
background: #d9d9d9;
52625268
}
52635269
.input-control.text .helper:active,
5264-
.input-control.password .helper:active {
5270+
.input-control.password .helper:active,
5271+
.input-control.text .btn-search:active,
5272+
.input-control.password .btn-search:active {
52655273
background-color: #000;
52665274
}
52675275
.input-control.text .helper:active:before,
5268-
.input-control.password .helper:active:before {
5276+
.input-control.password .helper:active:before,
5277+
.input-control.text .btn-search:active:before,
5278+
.input-control.password .btn-search:active:before {
52695279
color: #fff;
52705280
}
52715281
.input-control.password .helper {
@@ -5281,6 +5291,13 @@ table.bordered tbody tr:last-child td {
52815291
left: 7px;
52825292
top: 3px;
52835293
}
5294+
.input-control.text .btn-search:before {
5295+
font-family: iconFont;
5296+
font-size: 12px;
5297+
content: "\e041";
5298+
left: 7px;
5299+
top: 3px;
5300+
}
52845301
label {
52855302
font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
52865303
font-weight: 300;

‎public/forms.php‎

Lines changed: 31 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -155,7 +155,7 @@
155155
</form>
156156
<pre class="prettyprint linenums">
157157
&lt;div class="input-control text"&gt;
158-
&lt;input type="text[email, phone, url]" /&gt;
158+
&lt;input type="text" /&gt;
159159
&lt;button class="helper"&gt;&lt;/button&gt;
160160
&lt;/div&gt;
161161
</pre>
@@ -191,18 +191,48 @@
191191

192192
<div class="row">
193193
<div class="span10">
194+
<form>
195+
<div class="input-control text">
196+
<input type="text" placeholder="Enter search phrase..." />
197+
<button class="btn-search"></button>
198+
</div>
199+
</form>
200+
<pre class="prettyprint linenums">
201+
&lt;div class="input-control text"&gt;
202+
&lt;input type="text" /&gt;
203+
&lt;button class="btn-search"&gt;&lt;/button&gt;
204+
&lt;/div&gt;
205+
</pre>
194206
<div class="input-control text">
195207
<input type="phone" placeholder="Enter phone" required="required"/>
196208
<button class="helper"></button>
197209
</div>
210+
<pre class="prettyprint linenums">
211+
&lt;div class="input-control text"&gt;
212+
&lt;input type="phone" /&gt;
213+
&lt;button class="helper"&gt;&lt;/button&gt;
214+
&lt;/div&gt;
215+
</pre>
198216
<div class="input-control text">
199217
<input type="email" placeholder="Enter email" required="required" />
200218
<button class="helper"></button>
201219
</div>
220+
<pre class="prettyprint linenums">
221+
&lt;div class="input-control text"&gt;
222+
&lt;input type="email" /&gt;
223+
&lt;button class="helper"&gt;&lt;/button&gt;
224+
&lt;/div&gt;
225+
</pre>
202226
<div class="input-control text">
203227
<input type="url" placeholder="Enter url" required="required"/>
204228
<button class="helper"></button>
205229
</div>
230+
<pre class="prettyprint linenums">
231+
&lt;div class="input-control text"&gt;
232+
&lt;input type="url" /&gt;
233+
&lt;button class="helper"&gt;&lt;/button&gt;
234+
&lt;/div&gt;
235+
</pre>
206236
</div>
207237
</div>
208238

0 commit comments

Comments
 (0)