template: remove toplinks .sep element (#63860)

This commit is contained in:
Thomas Jund 2022-04-12 15:50:20 +02:00
parent bb52a3e86a
commit 5c9dae0b41
29 changed files with 46 additions and 130 deletions

View File

@ -20,15 +20,6 @@ $header-content-margin: 5px;
}
}
.sep::before {
display: inline-block;
position: absolute;
content: ' ';
width: 2px;
background: white;
height: 30px;
top: 25px;
}
.top-left {
align-self: flex-start;
@ -98,12 +89,15 @@ $header-content-margin: 5px;
max-width: 100%;
max-height: 100%;
.sep {
&::after {
content: '';
display: inline-block;
position: absolute;
color: $button-background;
&::before {
left: 50%;
}
width: 2px;
background: white;
height: 30px;
top: 25px;
}
a {

View File

@ -231,7 +231,7 @@ div#header {
color: lighten($primary-color, 55%);
}
}
a.registration, .sep {
a.registration {
display: none;
}
@media screen and ($max-mobile-viewport) {

View File

@ -64,10 +64,6 @@ header {
a:last-child {
padding-right: 0;
}
span.sep {
display: none;
}
}
#social-networks {

View File

@ -190,8 +190,9 @@ h1#logo.has-logo {
@extend .h;
font-weight: normal;
padding: 1rem 0;
word-spacing: calc($buttons-gutter - 0.33em);
@media ($min-desktop-viewport) {
right: $space-for-nav;
right: $space-for-nav;
}
// @debug 5px * math.div(math.div(30deg, 2s), 24em);
@media (min-width: #{$width + ($space-for-nav-unitless * 2) }) {
@ -201,15 +202,6 @@ h1#logo.has-logo {
@extend %button;
margin-right: 0;
font-weight: 400;
@media ($max-mobile-viewport) {
margin-right: $buttons-gutter;
}
@media ($min-desktop-viewport) {
margin-left: $buttons-gutter;
}
}
.sep {
display: none;
}
span.connected-user {
padding-right: 0;

View File

@ -105,9 +105,6 @@ div#nav {
font-weight: normal;
}
}
.sep {
color: $orange;
}
}
//

View File

@ -99,6 +99,7 @@ h1#logo.has-logo {
padding: 0;
border: none;
max-width: none;
word-spacing: 0.5rem;
@media ($max-mobile-viewport) {
order: -1;
margin-bottom: 1rem;
@ -107,9 +108,6 @@ h1#logo.has-logo {
> a {
@extend .pk-button;
}
.sep {
display: none;
}
}
.logged-in {
@extend %button;
@ -117,9 +115,8 @@ h1#logo.has-logo {
color: inherit;
}
.connected-user {
padding-right: .5em;
padding-right: .66em;
border-right: 2px solid;
margin-right: .5em;
@media ($min-desktop-viewport) {
&::before {
content: "bienvenue ";

View File

@ -145,9 +145,7 @@ div#header {
background: transparent;
line-height: 120px;
padding: 0;
span.sep {
visibility: hidden;
}
word-spacing: calc(15px - 0.33em);
a {
text-decoration: none;
&:hover {

View File

@ -137,9 +137,6 @@ div.footer-content div {
right: 0;
border-radius: 0;
}
#toplinks span.sep {
display: inline;
}
div#header h1#logo {
padding-top: 20px;
}

View File

@ -147,9 +147,6 @@ div#header {
margin-right: .66em;
}
}
.sep {
display: none;
}
a.registration {
display: block;
span.no-account {

View File

@ -74,6 +74,8 @@ div#header {
}
> span {
position: absolute;
display: inline-flex;
align-items: text-end;
bottom: 0;
right: 50px;
background: white;
@ -81,16 +83,22 @@ div#header {
line-height: 50px;
font-weight: bold;
padding: 0 10px;
}
.sep {
color: $red;
display: inline-block;
vertical-align: middle;
line-height: 1em;
width: 2px;
overflow: hidden;
background-color: currentColor;
margin: 0 .33em;
&::after {
content: "";
color: $red;
display: inline-block;
align-self: center;
line-height: 1em;
width: 2px;
height: 1.2em;
overflow: hidden;
background-color: currentColor;
margin: 0 .66em;
}
> a:last-child {
order: 1;
}
}
@media screen and ($max-mobile-viewport) {
display: none;

View File

@ -128,9 +128,6 @@ h1#logo.has-logo {
margin-right: 1em;
margin-bottom: 0.5em;
}
.sep {
display: none;
}
}
//

View File

@ -114,6 +114,7 @@ input, select, textarea {
border-radius: 0;
padding: 0;
text-align: right;
word-spacing: 0;
border-bottom: 1px solid #dadada;
font-size: 1rem;
@ -164,9 +165,6 @@ input, select, textarea {
}
}
}
.sep {
display: none;
}
.logged-in {
@media (max-width: $nav-mobile-limit) {
max-width: calc(100vw - 100px - 60px);

View File

@ -95,6 +95,7 @@ div#header h1 {
box-shadow: none;
border-radius: 0;
line-height: 1;
word-spacing: 0;
padding: .33em;
@media ($min-desktop-viewport) {
@ -116,9 +117,6 @@ div#header h1 {
}
}
}
.sep {
display: none;
}
}
//

View File

@ -28,21 +28,23 @@ $toplinks-border: null !default;
padding: $toplinks-padding;
border: $toplinks-border;
border-width: 0 1px 1px 1px;
// space between links (increases by default space size ± 1/3em)
word-spacing: .33em;
@media screen and ($max-mobile-viewport) {
border-right: 0;
right: 0;
max-width: 90%;
text-align: right;
border-bottom-right-radius: 0;
padding-right: 0.7em;
& span.sep {
display: none;
}
}
a {
display: inline-block;
word-spacing: 0;
}
}
#toplinks span.connected-user {
padding-right: 0.7em;
@media screen and ($max-mobile-viewport) {
padding-right: 0;
}

View File

@ -239,8 +239,9 @@ h1#logo.has-logo {
padding: 0 1em;
font-size: 1rem;
line-height: 2em;
word-spacing: 1em;
a {
display: inline;
display: inline-block;
color: black;
}
}

View File

@ -57,9 +57,6 @@ div#header {
box-shadow: none;
padding: 0.5em 0;
position: relative;
span.sep {
display: none;
}
a {
font-weight: bold;
color: $link-color;

View File

@ -149,9 +149,6 @@ div#nav {
font-weight: normal;
}
}
.sep {
color: $blue;
}
// skew
& {

View File

@ -105,9 +105,6 @@ div#header {
@media ($max-mobile-viewport) {
margin-right: $nav-menu-side;
}
.sep {
display: none;
}
a {
color: $violet-dark;
display: block;

View File

@ -96,16 +96,6 @@
}
}
span.sep {
display: inline-block;
vertical-align: text-bottom;
line-height: 1.25em;
width: 1px;
overflow: hidden;
background-color: currentColor;
margin: 0 .66em;
}
span.connected-user {
padding-right: 0.7em !important;
}

View File

@ -160,10 +160,6 @@ div#main-content-wrapper {
}
}
span.sep {
display: none;
}
a {
display: inline-block;
height: 35px;

View File

@ -171,6 +171,7 @@ input[readonly], select[readonly], textarea[readonly] {
line-height: 1.5;
font-size: $fz-small;
margin-right: $nav-menu-side * 2;
word-spacing: 0.7em;
@media (max-width: $very-small-limit + 1) {
margin-right: $nav-menu-side * 1.25;
}
@ -179,13 +180,6 @@ input[readonly], select[readonly], textarea[readonly] {
&:hover {
text-decoration: underline;
}
&:not(:first-child) {
margin-left: .7em;
}
}
.sep {
display: none;
}
span.connected-user {
padding-right: 0;

View File

@ -223,10 +223,6 @@ div#header {
}
.sep {
display: none;
}
}
// header shadow

View File

@ -65,12 +65,6 @@ div#nav {
}
}
@media screen and ($max-mobile-viewport) {
#toplinks span.sep {
display: inline-block;
}
}
button.ui-button,
div#content button {
text-transform: uppercase;

View File

@ -40,11 +40,10 @@ div#rub_service h2 {
div#toplinks {
margin-right: 50px;
.sep {
display: none;
}
word-spacing: 1em;
a {
@extend %button;
margin-right: 0;
background: $secondary-color;
border-radius: 5px;
display: inline-block;

View File

@ -119,10 +119,6 @@ h1#logo {
text-align: right;
font-size: $fz-small;
.sep {
display: none;
}
> span {
display: inline-flex;
}
@ -142,7 +138,6 @@ h1#logo {
&.registration::after {
@include fa-icon(" \f196");
font-size: 1.1em;
vertical-align: middle;
}
&.logout::after {
@include fa-icon(" \f18e");

View File

@ -153,9 +153,6 @@ h1#logo.has-logo{
font-weight: 500;
}
}
.sep {
display: none;
}
@media ($max-mobile-viewport) {
a {
display: block;

View File

@ -80,10 +80,6 @@
margin-left: .7em;
}
}
.sep {
display: none;
}
}

View File

@ -86,9 +86,6 @@ h1#logo.has-logo {
justify-content: space-around;
align-items: center;
}
.sep {
opacity: 0;
}
a {
color: inherit;
padding: 0.33em 0.5em;

View File

@ -15,7 +15,6 @@
>{% block user-info-login-label %}{% include "includes/user-info-login-label.html" %}{% endblock %}
{% if registration_url and include_registration_link != False %}
</a>
<span class="sep">/</span>
<a class="registration" href="{{registration_url}}"
>{% block user-info-registration-label %}{% include "includes/user-info-registration-label.html" %}{% endblock %}{% endif %}</a></span>
{% endif %}