HFP-3089 Update registration UI + translations

content-hub
Frode Petterson 2020-12-10 15:13:48 +01:00
parent 90835b7345
commit f1ddd3b3f5
3 changed files with 8 additions and 12 deletions

View File

@ -3709,7 +3709,7 @@ class H5PCore {
'zip' => $this->h5pF->t('Zip'), 'zip' => $this->h5pF->t('Zip'),
'country' => $this->h5pF->t('Country'), 'country' => $this->h5pF->t('Country'),
'logoUploadText' => $this->h5pF->t('Organization logo or avatar'), 'logoUploadText' => $this->h5pF->t('Organization logo or avatar'),
'acceptTerms' => $this->h5pF->t('I accept the terms of the license agreement'), 'acceptTerms' => $this->h5pF->t('I accept the <a href=":url" target="_blank">terms of use</a>'),
'successfullyRegistred' => $this->h5pF->t('You have successfully registered an account on the H5P Hub'), 'successfullyRegistred' => $this->h5pF->t('You have successfully registered an account on the H5P Hub'),
'successfullyRegistredDescription' => $this->h5pF->t('You account details can be changed'), 'successfullyRegistredDescription' => $this->h5pF->t('You account details can be changed'),
'accountDetailsLinkText' => $this->h5pF->t('here'), 'accountDetailsLinkText' => $this->h5pF->t('here'),

File diff suppressed because one or more lines are too long

View File

@ -363,11 +363,7 @@ template {
.h5p-hub-registration .h5p-hub-text-field{padding:1.5em;overflow:hidden;overflow-y:scroll;border:1px solid #bebdcd;border-radius:0.208em}.h5p-hub-registration .h5p-hub-text-field::-webkit-scrollbar{background-color:rgba(105,117,133,0.25);width:0.333em;border-radius:5.45256em}.h5p-hub-registration .h5p-hub-text-field::-webkit-scrollbar-thumb{background-color:#697585;background-size:24px 100%;border-radius:5.45256em}.h5p-hub-registration .h5p-hub-text-field .h5p-hub-title{color:#1a1a1a;font-size:1.250em;margin-bottom:0.5em}.h5p-hub-registration .h5p-hub-text-field .h5p-hub-description{color:#707475;font-size:0.833em;margin-bottom:1.5em}.h5p-hub-registration .h5p-hub-text-field .h5p-hub-main-text{color:#707475;font-size:0.833em} .h5p-hub-registration .h5p-hub-text-field{padding:1.5em;overflow:hidden;overflow-y:scroll;border:1px solid #bebdcd;border-radius:0.208em}.h5p-hub-registration .h5p-hub-text-field::-webkit-scrollbar{background-color:rgba(105,117,133,0.25);width:0.333em;border-radius:5.45256em}.h5p-hub-registration .h5p-hub-text-field::-webkit-scrollbar-thumb{background-color:#697585;background-size:24px 100%;border-radius:5.45256em}.h5p-hub-registration .h5p-hub-text-field .h5p-hub-title{color:#1a1a1a;font-size:1.250em;margin-bottom:0.5em}.h5p-hub-registration .h5p-hub-text-field .h5p-hub-description{color:#707475;font-size:0.833em;margin-bottom:1.5em}.h5p-hub-registration .h5p-hub-text-field .h5p-hub-main-text{color:#707475;font-size:0.833em}
.h5p-hub-hidden-read{width:1px;height:1px;top:-1px;position:absolute;text-indent:1px;overflow:hidden} .h5p-hub-registration .h5p-hub-checkbox{font-size:1.05em;padding:0.5em 0;font-weight:bold;display:flex;cursor:pointer;align-self:start;color:#4d5057;width:100%;position:relative}.h5p-hub-registration .h5p-hub-checkbox>input{visibility:hidden;position:absolute}.h5p-hub-registration .h5p-hub-checkbox:focus{box-shadow:0 0 0.4em 0.01em RGBA(26, 147, 244, 0.7);outline:none}.h5p-hub-registration .h5p-hub-checkbox .h5p-hub-icon:before{font-family:'h5p';content:'\e923';font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em}.h5p-hub-registration .h5p-hub-checkbox.h5p-hub-checked .h5p-hub-icon:before{content:'\e938';font-family:'h5p';font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em}
.h5p-hub-publish .h5p-hub-tip{position:relative;display:block}.h5p-hub-publish .h5p-hub-tip.h5p-hub-positioned{position:unset}.h5p-hub-publish .h5p-hub-tip.h5p-hub-bottom .h5p-hub-tip-wrapper{top:115%}.h5p-hub-publish .h5p-hub-tip.h5p-hub-bottom .h5p-hub-tip-wrapper .h5p-hub-arrow:after{top:-0.75em;border-bottom-color:black;border-top-color:transparent}.h5p-hub-publish .h5p-hub-tip.h5p-hub-left-aligned .h5p-hub-tip-wrapper{transform:none;top:-0.85em;right:0}.h5p-hub-publish .h5p-hub-tip.h5p-hub-left-aligned .h5p-hub-tip-wrapper .h5p-hub-tip{white-space:normal}.h5p-hub-publish .h5p-hub-tip.h5p-hub-left-aligned .h5p-hub-tip-wrapper .h5p-hub-arrow:after{left:auto;transform:none;right:1.3em}.h5p-hub-publish .h5p-hub-tip .h5p-hub-tip-wrapper{display:none;position:absolute;top:-3.5em;font-size:14px;font-weight:400;color:white;border-radius:0.4em;z-index:2}.h5p-hub-publish .h5p-hub-tip .h5p-hub-tip-wrapper.h5p-hub-tip-wrapper-enter-done,.h5p-hub-publish .h5p-hub-tip .h5p-hub-tip-wrapper.h5p-hub-tip-wrapper-enter,.h5p-hub-publish .h5p-hub-tip .h5p-hub-tip-wrapper.h5p-hub-tip-wrapper-enter-active,.h5p-hub-publish .h5p-hub-tip .h5p-hub-tip-wrapper.h5p-hub-tip-wrapper-exit,.h5p-hub-publish .h5p-hub-tip .h5p-hub-tip-wrapper.h5p-hub-tip-wrapper-exit-active{display:block}.h5p-hub-publish .h5p-hub-tip .h5p-hub-tip-wrapper.h5p-hub-tip-wrapper-enter{transform:translate(0, 30%);opacity:0}.h5p-hub-publish .h5p-hub-tip .h5p-hub-tip-wrapper.h5p-hub-tip-wrapper-enter-active{transform:translate(0, 0);opacity:1;transition:opacity 0.2s, transform 0.2s}.h5p-hub-publish .h5p-hub-tip .h5p-hub-tip-wrapper.h5p-hub-tip-wrapper-exit{transform:translate(0, 0);opacity:1}.h5p-hub-publish .h5p-hub-tip .h5p-hub-tip-wrapper.h5p-hub-tip-wrapper-exit-active{transform:translate(0, 30%);opacity:0;transition:opacity 0.2s, transform 0.2s}.h5p-hub-publish .h5p-hub-tip .h5p-hub-tip-wrapper .h5p-hub-tip{white-space:nowrap;background:black;padding:0.3em 1em;border-radius:0.4em}.h5p-hub-publish .h5p-hub-tip .h5p-hub-tip-wrapper .h5p-hub-arrow:after{content:" ";position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;border:0.4em solid transparent;border-top-color:black}
.h5p-hub-publish .h5p-hub-checkbox,.h5p-hub-registration .h5p-hub-checkbox{font-size:1.05em;padding:0.5em 0;font-weight:bold;display:flex;cursor:pointer;align-self:start;color:#4d5057;width:100%;position:relative}.h5p-hub-publish .h5p-hub-checkbox .h5p-hub-checkbox-error-tip,.h5p-hub-registration .h5p-hub-checkbox .h5p-hub-checkbox-error-tip{top:5em;position:absolute;margin-left:2.5em;z-index:1}.h5p-hub-publish .h5p-hub-checkbox:last-child .h5p-hub-checkbox-error-tip,.h5p-hub-registration .h5p-hub-checkbox:last-child .h5p-hub-checkbox-error-tip{top:2.5em}.h5p-hub-publish .h5p-hub-checkbox:focus,.h5p-hub-registration .h5p-hub-checkbox:focus{box-shadow:0 0 0.4em 0.01em RGBA(26, 147, 244, 0.7);outline:none}.h5p-hub-publish .h5p-hub-checkbox.h5p-hub-parent::after,.h5p-hub-registration .h5p-hub-checkbox.h5p-hub-parent::after{color:#121212;font-family:'h5p';content:'\e924';transform:rotate(-90deg);font-style:normal;font-size:0.7em;display:inline-block;position:absolute;right:2em;align-self:center}.h5p-hub-publish .h5p-hub-checkbox .h5p-hub-content,.h5p-hub-registration .h5p-hub-checkbox .h5p-hub-content{display:flex}.h5p-hub-publish .h5p-hub-checkbox .h5p-hub-bold,.h5p-hub-registration .h5p-hub-checkbox .h5p-hub-bold{font-weight:bold}.h5p-hub-publish .h5p-hub-checkbox .h5p-hub-non-bold,.h5p-hub-registration .h5p-hub-checkbox .h5p-hub-non-bold{font-weight:normal}.h5p-hub-publish .h5p-hub-checkbox .h5p-hub-content .h5p-hub-icon::before,.h5p-hub-registration .h5p-hub-checkbox .h5p-hub-content .h5p-hub-icon::before{font-family:'h5p';content:'\e923';font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em}.h5p-hub-publish .h5p-hub-checkbox.h5p-hub-checked .h5p-hub-content .h5p-hub-icon::before,.h5p-hub-registration .h5p-hub-checkbox.h5p-hub-checked .h5p-hub-content .h5p-hub-icon::before{content:'\e938';font-family:'h5p';font-style:normal;font-weight:normal;font-size:1em;margin:0.4em 0.4em 0 0.4em;margin-right:1em}
.h5p-hub-publish .h5p-hub-message,.h5p-hub-registration .h5p-hub-message{font-size:1em;border-left:0.3em solid;padding:1em;margin:0.5em 0}.h5p-hub-publish .h5p-hub-message.h5p-hub-warning,.h5p-hub-registration .h5p-hub-message.h5p-hub-warning{border-color:#fdcc31;background:#fff8e0}.h5p-hub-publish .h5p-hub-message.h5p-hub-error,.h5p-hub-registration .h5p-hub-message.h5p-hub-error{border-color:#c1494b;background-color:#ece0e0}.h5p-hub-publish .h5p-hub-message.h5p-hub-success,.h5p-hub-registration .h5p-hub-message.h5p-hub-success{border-color:#03a953;background-color:#d9eae2} .h5p-hub-publish .h5p-hub-message,.h5p-hub-registration .h5p-hub-message{font-size:1em;border-left:0.3em solid;padding:1em;margin:0.5em 0}.h5p-hub-publish .h5p-hub-message.h5p-hub-warning,.h5p-hub-registration .h5p-hub-message.h5p-hub-warning{border-color:#fdcc31;background:#fff8e0}.h5p-hub-publish .h5p-hub-message.h5p-hub-error,.h5p-hub-registration .h5p-hub-message.h5p-hub-error{border-color:#c1494b;background-color:#ece0e0}.h5p-hub-publish .h5p-hub-message.h5p-hub-success,.h5p-hub-registration .h5p-hub-message.h5p-hub-success{border-color:#03a953;background-color:#d9eae2}