Highilighing the language hover, changing search icon to semantic ui one

This commit is contained in:
Nikita Lvov
2020-06-17 15:32:58 +02:00
parent e159790e40
commit a067e25c6a
3 changed files with 24 additions and 39 deletions

View File

@@ -73,29 +73,37 @@ a {
} }
.short-menu-right { .short-menu-right {
display: table-cell; display: table-cell;
vertical-align: top;
width: 50%; width: 50%;
color: #000000; color: #000000;
} }
.search-icon-header {
display: inline-block; .short-menu-left-lang {
background-color: transparent;
& a {
color: #000;
}
}
.short-menu-left-lang:hover {
background-color: #000;
& a {
color: #fff;
text-decoration: none;
}
} }
.search-icon-header { .search-icon-header {
display: inline-block;
background-color: transparent; background-color: transparent;
& a svg g {
stroke: #e4154b;
}
} }
.search-icon-header:hover { .search-icon-header:hover {
background-color: #000; background-color: #000;
& i {
color: #fff;
}
& a { & a {
& svg { text-decoration: none;
& g {
stroke: #fff !important;
}
}
} }
} }
@@ -104,6 +112,7 @@ a {
margin: 12px 9px 6px 0; margin: 12px 9px 6px 0;
color: #000000; color: #000000;
} }
.short-menu-right-h { .short-menu-right-h {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;

View File

@@ -61,6 +61,4 @@ forcing the font changes
*/ */
body { body {
font-family: "Source Sans Pro"; font-family: "Source Sans Pro";
font-weight: 300;
font-size: 16px;
} }

View File

@@ -81,47 +81,25 @@
<div class="short-menu" id="all-menu-top-table"> <div class="short-menu" id="all-menu-top-table">
<div class="short-menu-left"> <div class="short-menu-left">
<div id="all-menu-top-left-item"> <div id="all-menu-top-left-item">
<div class="short-menu-left-lang">
<!-- TODO language change not necessary because we have no english version -->
</div>
<div class="short-menu-left-search"> <div class="short-menu-left-search">
{%- if config.I18N_LANGUAGES %} {%- if config.I18N_LANGUAGES %}
<span style="margin-right:10px; font-size:18px;"> <span class="short-menu-left-lang" style="margin-right:10px; font-size:18px;">
{%- for l in current_i18n.get_locales() %} {%- for l in current_i18n.get_locales() %}
{%- if current_i18n.language != l.language %} {%- if current_i18n.language != l.language %}
<a <a
href="{{ url_for('invenio_i18n.set_lang', lang_code=l.language) }}">{{ l.get_display_name() [0:2]}}</a> href="{{ url_for('invenio_i18n.set_lang', lang_code=l.language) }}">{{ l.get_display_name() [0:2]}}</a>
{% else %}
<strong>{{ l.get_display_name() [0:2] }}</strong>
{%- endif %} {%- endif %}
{%- endfor %} {%- endfor %}
</span> </span>
{%- endif %} {%- endif %}
<div class="search-icon-header"> <span class="search-icon-header">
<a href="/search"> <a href="/search">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" <i class="search icon large fitted"></i>
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#" viewBox="0 0 26.01515 26.01515" width="26.015"
height="26.015" class="all-menu-top-icon">
<g transform="translate(1,1)" stroke-miterlimit="10"
style="stroke-linejoin:round;stroke:#000;stroke-miterlimit:10;stroke-width:2;fill:none">
<circle style="stroke-miterlimit:10;stroke-width:2" r="8" cx="8.5" cy="8.5"></circle>
<path d="m14.156 14.156 9.344 9.344"
style="stroke-width:2;stroke-miterlimit:10;stroke-linecap:round"></path>
</g>
</svg>
</a> </a>
</span>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="short-menu-right"> <div class="short-menu-right">