Commit a0c75f22 authored by Sascha Eggenberger's avatar Sascha Eggenberger
Browse files

Issue #3258366: Gin theme settings handling

parent aae8e01e

.browserslistrc

0 → 100644
+10 −0
Original line number Diff line number Diff line 
last 2 Chrome major versions

last 2 Firefox major versions

last 2 Safari major versions

last 2 Edge major versions

last 2 Opera versions

last 2 iOS major versions

last 1 ChromeAndroid version

last 1 UCAndroid version

last 1 Samsung version

Firefox ESR

.nvmrc

+1 −1
Original line number Diff line number Diff line 
12.14.1
 
16.13.0

dist/css/gin_login.css

deleted100644 → 0
+0 −2
Original line number Diff line number Diff line 
:root{--colorGinPrimary: #003cc5;--colorGinPrimaryHover: #0036b1;--colorGinPrimaryActive: #00339a}.button--primary{background-color:var(--colorGinPrimary)}.button--primary:hover{background-color:var(--colorGinPrimaryHover)}.button--primary:active{background-color:var(--colorGinPrimaryHover)}a,.link,button.link,.forgot-password-link{color:var(--colorGinPrimary)}a:hover,.link:hover,button.link:hover,.forgot-password-link:hover{color:var(--colorGinPrimaryHover)}a:active,.link:active,button.link:active,.forgot-password-link:active{color:var(--colorGinPrimaryHover)}.form-boolean--type-checkbox:checked,[open]>.claro-details__summary--accordion:not(:focus):not(:active)::after,[open]>.claro-details__summary--accordion-item:not(:focus):not(:active)::after{border-color:var(--colorGinPrimary)}.form-boolean--type-checkbox:checked:hover,[open]>.claro-details__summary--accordion:not(:focus):not(:active)::after:hover,[open]>.claro-details__summary--accordion-item:not(:focus):not(:active)::after:hover{border-color:var(--colorGinPrimaryHover)}.form-boolean--type-checkbox:checked:active,[open]>.claro-details__summary--accordion:not(:focus):not(:active)::after:active,[open]>.claro-details__summary--accordion-item:not(:focus):not(:active)::after:active{border-color:var(--colorGinPrimaryHover)}.is-horizontal .tabs__link:hover,.claro-details__summary:hover,.action-link:hover{color:var(--colorGinPrimaryHover)}.claro-details[open]>.claro-details__summary:focus{color:var(--colorGinPrimaryActive)}body.path-user .user-form-page{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:100vh;max-height:100%;background:var(--colorGinLayerBackground)}@media (min-width: 800px){body.path-user .user-form-page{-ms-flex-wrap:nowrap;flex-wrap:nowrap}}body.path-user .user-form-page,body.path-user .user-form-page *{-webkit-box-sizing:border-box;box-sizing:border-box}body.path-user .user-form-page__user-form,body.path-user .user-form-page__wallpaper{width:100%}@media (min-width: 800px){body.path-user .user-form-page__user-form,body.path-user .user-form-page__wallpaper{-ms-flex-preferred-size:50%;flex-basis:50%}}body.path-user .user-form-page__user-form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:800px}@media (max-width: 800px){body.path-user .user-form-page__user-form{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-line-pack:start;align-content:flex-start}}@media (min-width: 800px){body.path-user .user-form-page__user-form{min-width:640px}}body.path-user .user-form-page__user-form img{max-height:40px}body.path-user .user-form-page__wallpaper{display:none;pointer-events:none;position:relative;background-color:#ccc}@media (min-width: 800px){body.path-user .user-form-page__wallpaper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:70%;flex-basis:70%}}body.path-user .user-form-page__wallpaper img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}body.path-user .user-form-page__page-title{font-size:2rem;margin-top:0;width:100%;max-width:100%;text-overflow:unset;white-space:normal}@media (min-width: 800px){body.path-user .user-form-page__page-title{font-size:3rem;margin-top:2rem}}body.path-user .user-form-page .content-header{-ms-flex-preferred-size:100%;flex-basis:100%;padding-top:2.25rem;background:transparent}@media (max-width: 800px){body.path-user .user-form-page .content-header{margin-bottom:4rem}}body.path-user .user-form-page .content-header a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}body.path-user .user-form-page .layout-container{max-width:560px;margin:0 auto !important;padding-left:24px;padding-right:24px}@media (min-width: 800px){body.path-user .user-form-page .layout-container{padding-left:48px;padding-right:48px}}body.path-user .user-form-page .block-system>form{padding:0;border:0 none;-webkit-box-shadow:none;box-shadow:none;background:transparent}body.path-user .user-form-page .form-type--text input,body.path-user .user-form-page .form-type--password input,body.path-user .user-form-page .form-type--email input{width:100%}body.path-user .user-form-page .form-element{width:100%;padding:1rem}body.path-user .user-form-page .more-links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:0;margin-top:0}body.path-user .user-form-page .register-button{width:100%;margin-right:0}body.path-user .user-form-page .forgot-password-link{display:inline-block;margin-top:2rem}body.path-user .user-login-form .button{width:100%;padding:1.25rem 1rem;margin-right:0;margin-bottom:0}body.path-user .user-login-form .button--primary{margin-top:0}body.path-user .user-login-form .form-actions{display:block;margin-bottom:0}body.path-user .page-wrapper{margin-top:0}#sliding-popup{display:none !important}

dist/css/login.css

0 → 100644
+242 −0
Original line number Diff line number Diff line 
:root {

  --colorGinPrimary: #003cc5;

  --colorGinPrimaryHover: #0036b1;

  --colorGinPrimaryActive: #00339a;

}



.button--primary {

  background-color: var(--colorGinPrimary);

}

.button--primary:hover {

  background-color: var(--colorGinPrimaryHover);

}

.button--primary:active {

  background-color: var(--colorGinPrimaryHover);

}



a,

.link,

button.link,

.forgot-password-link {

  color: var(--colorGinPrimary);

}

a:hover,

.link:hover,

button.link:hover,

.forgot-password-link:hover {

  color: var(--colorGinPrimaryHover);

}

a:active,

.link:active,

button.link:active,

.forgot-password-link:active {

  color: var(--colorGinPrimaryActive);

}



.form-boolean--type-checkbox:checked,

[open] > .claro-details__summary--accordion:not(:focus):not(:active)::after,

[open] > .claro-details__summary--accordion-item:not(:focus):not(:active)::after {

  border-color: var(--colorGinPrimary);

}

.form-boolean--type-checkbox:checked:hover,

[open] > .claro-details__summary--accordion:not(:focus):not(:active)::after:hover,

[open] > .claro-details__summary--accordion-item:not(:focus):not(:active)::after:hover {

  border-color: var(--colorGinPrimaryHover);

}

.form-boolean--type-checkbox:checked:active,

[open] > .claro-details__summary--accordion:not(:focus):not(:active)::after:active,

[open] > .claro-details__summary--accordion-item:not(:focus):not(:active)::after:active {

  border-color: var(--colorGinPrimaryActive);

}



.is-horizontal .tabs__link:hover,

.claro-details__summary:hover,

.action-link:hover {

  color: var(--colorGinPrimaryHover);

}



.claro-details[open] > .claro-details__summary:focus {

  color: var(--colorGinPrimaryActive);

}



body.path-user .toolbar-icon-default {

  text-indent: -999em;

}

body.path-user .toolbar-icon-default::before {

  content: "";

  display: inline-block;

  width: 32px;

  height: 32px;

  background-color: var(--colorGinText, #000);

  -webkit-mask-image: url(../../images/gin.svg);

          mask-image: url(../../images/gin.svg);

  -webkit-mask-repeat: no-repeat;

          mask-repeat: no-repeat;

  -webkit-mask-position: center center;

          mask-position: center center;

  -webkit-mask-size: 100% 100%;

          mask-size: 100% 100%;

}

@media (min-width: 800px) {

  body.path-user .toolbar-icon-default::before {

    width: 40px;

    height: 40px;

  }

}

body.path-user .toolbar-icon-default::before:hover {

  background-color: var(--colorGinPrimary, #003cc5);

}

body.path-user .user-form-page {

  display: flex;

  flex-wrap: wrap;

  min-height: 100vh;

  max-height: 100%;

  background: var(--colorGinLayerBackground, #fff);

}

@media (min-width: 800px) {

  body.path-user .user-form-page {

    flex-wrap: nowrap;

  }

}

body.path-user .user-form-page, body.path-user .user-form-page * {

  box-sizing: border-box;

}

body.path-user .user-form-page__user-form, body.path-user .user-form-page__wallpaper {

  width: 100%;

}

@media (min-width: 800px) {

  body.path-user .user-form-page__user-form, body.path-user .user-form-page__wallpaper {

    flex-basis: 50%;

  }

}

body.path-user .user-form-page__user-form {

  display: flex;

  flex-wrap: wrap;

  max-width: 800px;

}

@media (max-width: 800px) {

  body.path-user .user-form-page__user-form {

    flex-basis: 100%;

    align-content: flex-start;

  }

}

@media (min-width: 800px) {

  body.path-user .user-form-page__user-form {

    min-width: 640px;

  }

}

body.path-user .user-form-page__user-form img {

  width: 100%;

  max-height: 40px;

}

body.path-user .user-form-page__wallpaper {

  display: none;

  pointer-events: none;

  position: relative;

  background-color: #ccc;

}

@media (min-width: 800px) {

  body.path-user .user-form-page__wallpaper {

    display: flex;

    flex-grow: 1;

    flex-basis: 70%;

  }

}

body.path-user .user-form-page__wallpaper img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

body.path-user .user-form-page__page-title {

  font-size: 2rem;

  margin-top: 0;

  margin-bottom: 1rem;

  width: 100%;

  max-width: 100%;

  text-overflow: unset;

  white-space: normal;

}

@media (min-width: 800px) {

  body.path-user .user-form-page__page-title {

    font-size: 3rem;

    margin-top: 2rem;

  }

}

body.path-user .user-form-page .content-header {

  flex-basis: 100%;

  padding-top: 2.25rem;

  background: transparent;

}

@media (max-width: 800px) {

  body.path-user .user-form-page .content-header {

    margin-bottom: 4rem;

  }

}

body.path-user .user-form-page .content-header a {

  display: inline-flex;

}

body.path-user .user-form-page .layout-container {

  max-width: 560px;

  margin: 0 auto !important;

  padding-left: 24px;

  padding-right: 24px;

}

@media (min-width: 800px) {

  body.path-user .user-form-page .layout-container {

    padding-left: 48px;

    padding-right: 48px;

  }

}

body.path-user .user-form-page .block-system > form {

  padding: 0;

  border: 0 none;

  box-shadow: none;

  background: transparent;

}

body.path-user .user-form-page .form-type--text input,

body.path-user .user-form-page .form-type--password input,

body.path-user .user-form-page .form-type--email input {

  width: 100%;

}

body.path-user .user-form-page .form-element {

  width: 100%;

  padding: 1rem;

}

body.path-user .user-form-page .more-links {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  padding-top: 0;

  margin-top: 0;

}

body.path-user .user-form-page .register-button {

  width: 100%;

  margin-right: 0;

}

body.path-user .user-form-page .forgot-password-link {

  display: inline-block;

  margin-top: 2rem;

}

body.path-user .user-login-form .button {

  width: 100%;

  padding: 1.25rem 1rem;

  margin-right: 0;

  margin-bottom: 0;

}

body.path-user .user-login-form .button--primary {

  margin-top: 0;

}

body.path-user .user-login-form .form-actions {

  display: block;

  margin-bottom: 0;

}

body.path-user .page-wrapper {

  margin-top: 0;

}



#sliding-popup {

  display: none !important;

}

images/gin_darkmode.svg→dist/images/gin.svg

+1 −1
Original line number Diff line number Diff line 
<svg width="32" height="42" version="1.1" fill="#ffffff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"

<svg width="32" height="42" version="1.1" fill="#1a1a25" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"

	 viewBox="0 0 42 55.4">

<path d="M21,11.3c1.4,1.6,2.9,3.1,4.4,4.6c5.5,5.5,10.5,10.5,10.5,17.9v0.1V34v0.7c-0.2,8.1-6.9,14.7-15,14.7c-0.1,0-0.2,0-0.3,0

	c-4-0.1-7.8-1.7-10.5-4.6C7.4,41.8,5.9,38,6,33.9v-0.1c0-7.4,5.2-12.4,10.5-17.9C18.1,14.4,19.6,12.8,21,11.3 M21,0