refactor: add mobile to languageswitch

Alexander Bilz

05.50.2022 4b191fb4d2d36104c24766cfc65450cb65553bce

refactor: add mobile to languageswitch

 assets/css/style.css

@@ -1153,10 +1153,6 @@
    display: none;
  }

  .share {
    display: grid;
  }

  /* nav {
    display: none;
  } */
@@ -1252,11 +1248,12 @@
    padding-bottom: 0px;
    padding-top: 48px;
  }

  /*
  .triangle {
    display: none;
  }


  .sl-nav {
    padding-right: inherit;
  }
@@ -1279,6 +1276,7 @@
  .sl-nav li .dropdown li span {
    padding-left: initial;
  }
  */
}

/* 

 assets/scss/partials/components/_languageswitch.scss

@@ -1,5 +1,4 @@
.languageswitch {

    margin: 0;
    padding: 0;
    list-style: none;
@@ -36,7 +35,6 @@
                    display: block;
                    white-space: nowrap;
                  }

              }

            #languagepicker:checked ~ .dropdown {
@@ -56,7 +54,6 @@
              
              #languagepicker:checked ~ .triangle:after {
                content: '';
                display: block;
                z-index: 20;
                width: 15px;
                transform: rotate(45deg) translateY(0px) translatex(10px);
@@ -71,12 +68,32 @@
        }
    }  
}


  

  

  

  
@media screen and (max-width: 960px) {
  .languageswitch {
    &__list {
      padding-right: inherit;
      label {
        cursor: pointer;
      }
      .triangle {
        display: none;
      }
      &-item {
        .dropdown__list {
          right: inherit;
          position: relative;
          top: inherit;
          padding-right: 0px;
          background: none;
          border-color: inherit;
          box-shadow: none;
          &-item {
            text-align: center;
            padding: 0.5rem 0.75rem;
            padding-left: initial;
          }
        }
      }
    }
  }
}