Skip to content

Commit

Permalink
HTML <search>
Browse files Browse the repository at this point in the history
  • Loading branch information
@taufik-nurrohman
taufik-nurrohman committed Feb 10, 2024
1 parent 162d2b2 commit a4be237
Show file tree
Hide file tree
Showing 6 changed files with 152 additions and 140 deletions.
3 changes: 2 additions & 1 deletion .factory/_/x/search.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
[role='search'] {
search {
display: block;
input {
flex: 1;
min-width: 0;
Expand Down
1 change: 1 addition & 0 deletions .factory/index.css.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -323,6 +323,7 @@ video {
+ ol,
+ p,
+ pre,
+ search,
+ section,
+ table,
+ ul {
Expand Down
2 changes: 1 addition & 1 deletion about.page
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ images:
- /lot/y/blogger-moto/index/5.png
author: Taufik Nurrohman
type: Markdown
version: 1.0.2
version: 1.0.3
...

This is not a clone of the original Moto template. I didn’t make it from the original source code, but by refactoring
Expand Down
282 changes: 146 additions & 136 deletions index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -330,6 +330,7 @@ video {
* + ol,
* + p,
* + pre,
* + search,
* + section,
* + table,
* + ul {
Expand Down Expand Up @@ -524,147 +525,156 @@ form[name=pass] {
padding: 16px;
}

[role=search] input,
[role=search] button,
[role=search] [role=button] {
search {
display: block;
}
search input,
search button,
search input[type=button],
search button[type=button],
search input[type=reset],
search button[type=reset],
search input[type=submit],
search button[type=submit],
search [role=button] {
flex: 1;
min-width: 0;
}
[role=search] input + button,
[role=search] button + button,
[role=search] input[type=button] + button,
[role=search] button[type=button] + button,
[role=search] input[type=reset] + button,
[role=search] button[type=reset] + button,
[role=search] input[type=submit] + button,
[role=search] button[type=submit] + button,
[role=search] [role=button] + button,
[role=search] [type=button][role=button] + button,
[role=search] [type=reset][role=button] + button,
[role=search] [type=submit][role=button] + button,
[role=search] input + input[type=button],
[role=search] button + input[type=button],
[role=search] input[type=button] + input[type=button],
[role=search] button[type=button] + input[type=button],
[role=search] input[type=reset] + input[type=button],
[role=search] button[type=reset] + input[type=button],
[role=search] input[type=submit] + input[type=button],
[role=search] button[type=submit] + input[type=button],
[role=search] [role=button] + input[type=button],
[role=search] [type=button][role=button] + input[type=button],
[role=search] [type=reset][role=button] + input[type=button],
[role=search] [type=submit][role=button] + input[type=button],
[role=search] input + button[type=button],
[role=search] button + button[type=button],
[role=search] input[type=button] + button[type=button],
[role=search] button[type=button] + button[type=button],
[role=search] input[type=reset] + button[type=button],
[role=search] button[type=reset] + button[type=button],
[role=search] input[type=submit] + button[type=button],
[role=search] button[type=submit] + button[type=button],
[role=search] [role=button] + button[type=button],
[role=search] [type=button][role=button] + button[type=button],
[role=search] [type=reset][role=button] + button[type=button],
[role=search] [type=submit][role=button] + button[type=button],
[role=search] input + input[type=reset],
[role=search] button + input[type=reset],
[role=search] input[type=button] + input[type=reset],
[role=search] button[type=button] + input[type=reset],
[role=search] input[type=reset] + input[type=reset],
[role=search] button[type=reset] + input[type=reset],
[role=search] input[type=submit] + input[type=reset],
[role=search] button[type=submit] + input[type=reset],
[role=search] [role=button] + input[type=reset],
[role=search] [type=button][role=button] + input[type=reset],
[role=search] [type=reset][role=button] + input[type=reset],
[role=search] [type=submit][role=button] + input[type=reset],
[role=search] input + button[type=reset],
[role=search] button + button[type=reset],
[role=search] input[type=button] + button[type=reset],
[role=search] button[type=button] + button[type=reset],
[role=search] input[type=reset] + button[type=reset],
[role=search] button[type=reset] + button[type=reset],
[role=search] input[type=submit] + button[type=reset],
[role=search] button[type=submit] + button[type=reset],
[role=search] [role=button] + button[type=reset],
[role=search] [type=button][role=button] + button[type=reset],
[role=search] [type=reset][role=button] + button[type=reset],
[role=search] [type=submit][role=button] + button[type=reset],
[role=search] input + input[type=submit],
[role=search] button + input[type=submit],
[role=search] input[type=button] + input[type=submit],
[role=search] button[type=button] + input[type=submit],
[role=search] input[type=reset] + input[type=submit],
[role=search] button[type=reset] + input[type=submit],
[role=search] input[type=submit] + input[type=submit],
[role=search] button[type=submit] + input[type=submit],
[role=search] [role=button] + input[type=submit],
[role=search] [type=button][role=button] + input[type=submit],
[role=search] [type=reset][role=button] + input[type=submit],
[role=search] [type=submit][role=button] + input[type=submit],
[role=search] input + button[type=submit],
[role=search] button + button[type=submit],
[role=search] input[type=button] + button[type=submit],
[role=search] button[type=button] + button[type=submit],
[role=search] input[type=reset] + button[type=submit],
[role=search] button[type=reset] + button[type=submit],
[role=search] input[type=submit] + button[type=submit],
[role=search] button[type=submit] + button[type=submit],
[role=search] [role=button] + button[type=submit],
[role=search] [type=button][role=button] + button[type=submit],
[role=search] [type=reset][role=button] + button[type=submit],
[role=search] [type=submit][role=button] + button[type=submit],
[role=search] input + [role=button],
[role=search] button + [role=button],
[role=search] input[type=button] + [role=button],
[role=search] button[type=button] + [role=button],
[role=search] input[type=reset] + [role=button],
[role=search] button[type=reset] + [role=button],
[role=search] input[type=submit] + [role=button],
[role=search] button[type=submit] + [role=button],
[role=search] [role=button] + [role=button],
[role=search] [type=button][role=button] + [role=button],
[role=search] [type=reset][role=button] + [role=button],
[role=search] [type=submit][role=button] + [role=button],
[role=search] input + [type=button][role=button],
[role=search] button + [type=button][role=button],
[role=search] input[type=button] + [type=button][role=button],
[role=search] button[type=button] + [type=button][role=button],
[role=search] input[type=reset] + [type=button][role=button],
[role=search] button[type=reset] + [type=button][role=button],
[role=search] input[type=submit] + [type=button][role=button],
[role=search] button[type=submit] + [type=button][role=button],
[role=search] [role=button] + [type=button][role=button],
[role=search] [type=button][role=button] + [type=button][role=button],
[role=search] [type=reset][role=button] + [type=button][role=button],
[role=search] [type=submit][role=button] + [type=button][role=button],
[role=search] input + [type=reset][role=button],
[role=search] button + [type=reset][role=button],
[role=search] input[type=button] + [type=reset][role=button],
[role=search] button[type=button] + [type=reset][role=button],
[role=search] input[type=reset] + [type=reset][role=button],
[role=search] button[type=reset] + [type=reset][role=button],
[role=search] input[type=submit] + [type=reset][role=button],
[role=search] button[type=submit] + [type=reset][role=button],
[role=search] [role=button] + [type=reset][role=button],
[role=search] [type=button][role=button] + [type=reset][role=button],
[role=search] [type=reset][role=button] + [type=reset][role=button],
[role=search] [type=submit][role=button] + [type=reset][role=button],
[role=search] input + [type=submit][role=button],
[role=search] button + [type=submit][role=button],
[role=search] input[type=button] + [type=submit][role=button],
[role=search] button[type=button] + [type=submit][role=button],
[role=search] input[type=reset] + [type=submit][role=button],
[role=search] button[type=reset] + [type=submit][role=button],
[role=search] input[type=submit] + [type=submit][role=button],
[role=search] button[type=submit] + [type=submit][role=button],
[role=search] [role=button] + [type=submit][role=button],
[role=search] [type=button][role=button] + [type=submit][role=button],
[role=search] [type=reset][role=button] + [type=submit][role=button],
[role=search] [type=submit][role=button] + [type=submit][role=button] {
search input + button,
search button + button,
search input[type=button] + button,
search button[type=button] + button,
search input[type=reset] + button,
search button[type=reset] + button,
search input[type=submit] + button,
search button[type=submit] + button,
search [role=button] + button,
search [type=button][role=button] + button,
search [type=reset][role=button] + button,
search [type=submit][role=button] + button,
search input + input[type=button],
search button + input[type=button],
search input[type=button] + input[type=button],
search button[type=button] + input[type=button],
search input[type=reset] + input[type=button],
search button[type=reset] + input[type=button],
search input[type=submit] + input[type=button],
search button[type=submit] + input[type=button],
search [role=button] + input[type=button],
search [type=button][role=button] + input[type=button],
search [type=reset][role=button] + input[type=button],
search [type=submit][role=button] + input[type=button],
search input + button[type=button],
search button + button[type=button],
search input[type=button] + button[type=button],
search button[type=button] + button[type=button],
search input[type=reset] + button[type=button],
search button[type=reset] + button[type=button],
search input[type=submit] + button[type=button],
search button[type=submit] + button[type=button],
search [role=button] + button[type=button],
search [type=button][role=button] + button[type=button],
search [type=reset][role=button] + button[type=button],
search [type=submit][role=button] + button[type=button],
search input + input[type=reset],
search button + input[type=reset],
search input[type=button] + input[type=reset],
search button[type=button] + input[type=reset],
search input[type=reset] + input[type=reset],
search button[type=reset] + input[type=reset],
search input[type=submit] + input[type=reset],
search button[type=submit] + input[type=reset],
search [role=button] + input[type=reset],
search [type=button][role=button] + input[type=reset],
search [type=reset][role=button] + input[type=reset],
search [type=submit][role=button] + input[type=reset],
search input + button[type=reset],
search button + button[type=reset],
search input[type=button] + button[type=reset],
search button[type=button] + button[type=reset],
search input[type=reset] + button[type=reset],
search button[type=reset] + button[type=reset],
search input[type=submit] + button[type=reset],
search button[type=submit] + button[type=reset],
search [role=button] + button[type=reset],
search [type=button][role=button] + button[type=reset],
search [type=reset][role=button] + button[type=reset],
search [type=submit][role=button] + button[type=reset],
search input + input[type=submit],
search button + input[type=submit],
search input[type=button] + input[type=submit],
search button[type=button] + input[type=submit],
search input[type=reset] + input[type=submit],
search button[type=reset] + input[type=submit],
search input[type=submit] + input[type=submit],
search button[type=submit] + input[type=submit],
search [role=button] + input[type=submit],
search [type=button][role=button] + input[type=submit],
search [type=reset][role=button] + input[type=submit],
search [type=submit][role=button] + input[type=submit],
search input + button[type=submit],
search button + button[type=submit],
search input[type=button] + button[type=submit],
search button[type=button] + button[type=submit],
search input[type=reset] + button[type=submit],
search button[type=reset] + button[type=submit],
search input[type=submit] + button[type=submit],
search button[type=submit] + button[type=submit],
search [role=button] + button[type=submit],
search [type=button][role=button] + button[type=submit],
search [type=reset][role=button] + button[type=submit],
search [type=submit][role=button] + button[type=submit],
search input + [role=button],
search button + [role=button],
search input[type=button] + [role=button],
search button[type=button] + [role=button],
search input[type=reset] + [role=button],
search button[type=reset] + [role=button],
search input[type=submit] + [role=button],
search button[type=submit] + [role=button],
search [role=button] + [role=button],
search [type=button][role=button] + [role=button],
search [type=reset][role=button] + [role=button],
search [type=submit][role=button] + [role=button],
search input + [type=button][role=button],
search button + [type=button][role=button],
search input[type=button] + [type=button][role=button],
search button[type=button] + [type=button][role=button],
search input[type=reset] + [type=button][role=button],
search button[type=reset] + [type=button][role=button],
search input[type=submit] + [type=button][role=button],
search button[type=submit] + [type=button][role=button],
search [role=button] + [type=button][role=button],
search [type=button][role=button] + [type=button][role=button],
search [type=reset][role=button] + [type=button][role=button],
search [type=submit][role=button] + [type=button][role=button],
search input + [type=reset][role=button],
search button + [type=reset][role=button],
search input[type=button] + [type=reset][role=button],
search button[type=button] + [type=reset][role=button],
search input[type=reset] + [type=reset][role=button],
search button[type=reset] + [type=reset][role=button],
search input[type=submit] + [type=reset][role=button],
search button[type=submit] + [type=reset][role=button],
search [role=button] + [type=reset][role=button],
search [type=button][role=button] + [type=reset][role=button],
search [type=reset][role=button] + [type=reset][role=button],
search [type=submit][role=button] + [type=reset][role=button],
search input + [type=submit][role=button],
search button + [type=submit][role=button],
search input[type=button] + [type=submit][role=button],
search button[type=button] + [type=submit][role=button],
search input[type=reset] + [type=submit][role=button],
search button[type=reset] + [type=submit][role=button],
search input[type=submit] + [type=submit][role=button],
search button[type=submit] + [type=submit][role=button],
search [role=button] + [type=submit][role=button],
search [type=button][role=button] + [type=submit][role=button],
search [type=reset][role=button] + [type=submit][role=button],
search [type=submit][role=button] + [type=submit][role=button] {
flex: initial;
}
[role=search] p {
search p {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
Expand Down
2 changes: 1 addition & 1 deletion index.min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion widget/form/search.php
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<?php if (isset($state->x->search)): ?>
<?= self::widget([
'content' => $content ?? self::form('search', ['route' => $route ?? $state->routeBlog ?? '/article']),
'content' => '<search>' . ($content ?? self::form('search', ['route' => $route ?? $state->routeBlog ?? '/article'])) . '</search>',
'title' => $title ?? i('Search')
]); ?>
<?php endif; ?>

0 comments on commit a4be237

Please sign in to comment.