overriden some styles (#73)

* overriden some styles

square shape to the elements, button more float to the right. also keep the inpit to the search endpoint. This closes #72.

* removed unused css class
This commit is contained in:
mb-wali
2020-08-14 08:16:05 +02:00
committed by GitHub
parent a08d267227
commit 942f05688d
2 changed files with 24 additions and 6 deletions

View File

@@ -135,4 +135,22 @@ border-radius: 0;
.ui.form input[type=time],
.ui.form input[type=url] {
border-radius: 0;
}
.ui.input>input {
border-radius: 0;
}
.ui.segment {
border-radius: 0;
}
.ui.selection.dropdown {
border-radius: 0;
}
.ui.card, .ui.cards>.card {
border-radius: 0;
}
.ui.action.input:not([class*="left action"])>.button:last-child,
.ui.action.input:not([class*="left action"])>.buttons:last-child>
.button, .ui.action.input:not([class*="left action"])>
.dropdown:last-child {
border-radius: 0;
}

View File

@@ -20,10 +20,10 @@
{%- block frontpage_form %}
<div class="ui center aligned grid">
<div class="eight wide column">
<form action="/search" class="ui form">
<div class="ui fluid big action input">
<input type="text" name="q" autofocus="autofocus" class="form-control" placeholder="{{ _("Type and press enter to search") }}">
<button type="submit" class="ui icon search button"><i class="search icon"></i></button>
<form action="{{config.THEME_SEARCH_ENDPOINT}}" class="ui form" role="search">
<div class="ui fluid big action icon input">
<input type="text" name="q" autofocus="autofocus" placeholder="{{ _("Type and press enter to search") }}" style="border-radius: 0;">
<button type="submit" class="ui icon search button"><i class="icon search"></i></button>
</div>
</form>
</div>
@@ -85,9 +85,9 @@
{%- if not loop.last %}
<div class="ui divider"></div>
{%- else%}
<div class="ui center aligned grid">
<div class="ui right floated button">
<div class="eight wide column">
<a href="{{url_for('invenio_search_ui.search')}}" class="ui right floated button">{{_('More')}}</a>
<a href="{{url_for('invenio_search_ui.search')}}">{{_('More')}}</a>
</div>
</div>
{%- endif %}