Skip to content

Commit de57543

Browse files
VimuxVimux
authored
Improve search widget styling (#359)
Slightly improve search widget in several areas, mostly look and feel. Nothing fancy, just light touches here and there. * СSS: * Increase font size (11px → 13px) * Use pixels for paddings * Always outline search input field on focus * i18n: use capitalized notation for search text * Remove empty label
1 parent f6792da commit de57543

File tree

13 files changed

+18
-25
lines changed

13 files changed

+18
-25
lines changed

‎assets/css/style.css

+6-11
Original file line numberDiff line numberDiff line change
@@ -1093,27 +1093,21 @@ textarea {
10931093

10941094
/* Search widget */
10951095
.widget-search__form {
1096-
display: block;
1097-
padding: 5%;
1098-
margin: 0 auto;
1096+
padding: 16px 24px;
10991097
background: #f5f5f5;
11001098
}
11011099

1102-
.widget-search__form .widget-search__submit {
1100+
.widget-search__submit[type=submit] {
11031101
display: none;
11041102
}
11051103

11061104
.widget-search__field {
1107-
position: relative;
1108-
display: block;
1109-
width: 90%;
1110-
padding: 8px;
1111-
margin: 0 auto;
1112-
font-size: 11px;
1105+
width: 100%;
1106+
padding: 6px 8px;
1107+
font-size: 13px;
11131108
cursor: pointer;
11141109
background: #fff;
11151110
border: 1px solid #ebebeb;
1116-
border-radius: 0;
11171111
outline-offset: -2px;
11181112
transition: none;
11191113
-webkit-appearance: none;
@@ -1122,6 +1116,7 @@ textarea {
11221116
.widget-search__field:active,
11231117
.widget-search__field:focus {
11241118
cursor: text;
1119+
outline: 2px solid #005fcc;
11251120
}
11261121

11271122
/* Social widget */

‎i18n/bg.yaml

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939

4040
# Search widget
4141
- id: search_placeholder
42-
translation: "ТЪРСЕНЕ…"
42+
translation: "Търсене…"
4343

4444
# Languages widget
4545
- id: languages_title

‎i18n/en.yaml

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939

4040
# Search widget
4141
- id: search_placeholder
42-
translation: "SEARCH…"
42+
translation: "Search…"
4343

4444
# Languages widget
4545
- id: languages_title

‎i18n/hu.yaml

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939

4040
# Search widget
4141
- id: search_placeholder
42-
translation: "KERES…"
42+
translation: "Keres…"
4343

4444
# Languages widget
4545
- id: languages_title

‎i18n/id.yaml

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939

4040
# Search widget
4141
- id: search_placeholder
42-
translation: "CARI…"
42+
translation: "Cari…"
4343

4444
# Languages widget
4545
- id: languages_title

‎i18n/it.yaml

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939

4040
# Search widget
4141
- id: search_placeholder
42-
translation: "CERCA…"
42+
translation: "Cerca…"
4343

4444
# Languages widget
4545
- id: languages_title

‎i18n/nl.yaml

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939

4040
# Search widget
4141
- id: search_placeholder
42-
translation: "ZOEKEN…"
42+
translation: "Zoeken…"
4343

4444
# Languages widget
4545
- id: languages_title

‎i18n/pt-br.yaml

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939

4040
# Search widget
4141
- id: search_placeholder
42-
translation: "BUSCAR…"
42+
translation: "Buscar…"
4343

4444
# Languages widget
4545
- id: languages_title

‎i18n/pt.yaml

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939

4040
# Search widget
4141
- id: search_placeholder
42-
translation: "BUSCAR…"
42+
translation: "Buscar…"
4343

4444
# Languages widget
4545
- id: languages_title

‎i18n/ru.yaml

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939

4040
# Search widget
4141
- id: search_placeholder
42-
translation: "ПОИСК…"
42+
translation: "Поиск…"
4343

4444
# Languages widget
4545
- id: languages_title

‎i18n/sv.yaml

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939

4040
# Search widget
4141
- id: search_placeholder
42-
translation: "SÖK…"
42+
translation: "Sök…"
4343

4444
# Languages widget
4545
- id: languages_title

‎i18n/vi.yaml

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939

4040
# Search widget
4141
- id: search_placeholder
42-
translation: "TÌM KIẾM…"
42+
translation: "Tìm kiếm…"
4343

4444
# Languages widget
4545
- id: languages_title

‎layouts/partials/widgets/search.html

+1-3
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,7 @@
44

55
<div class="widget-search widget">
66
<form class="widget-search__form" role="search" method="get" action="{{ $actionURL }}">
7-
<label>
8-
<input class="widget-search__field" type="search" placeholder="{{ T "search_placeholder" }}" value="" name="q" aria-label="{{ T "search_placeholder" }}">
9-
</label>
7+
<input class="widget-search__field" type="search" placeholder="{{ T "search_placeholder" }}" value="" name="q" aria-label="{{ T "search_placeholder" }}">
108
<input class="widget-search__submit" type="submit" value="Search">
119
{{ if $inputName -}}<input type="hidden" name="{{ $inputName }}" value="{{ $inputPre }}{{ .Site.BaseURL }}">{{- end }}
1210
</form>

0 commit comments

Comments
 (0)