Skip to content

K
kus-admin
Commit e27a8979 by talequale
Options

login button revealed

parent 81a38b8b
Showing with 121 additions and 26 deletions
public/uploads/images/assistant-activate-mob.svg 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
public/uploads/images/assistant-activate.svg 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/global-styles/base.scss
......@@ -43,7 +43,6 @@ img {
}
.zero-wrapper {
//display: contents;
width: 100%;
}
......
src/global-styles/mixins.scss
@mixin container {
margin: 0 auto;
box-sizing: border-box;
padding: 0 30px;
max-width: 1000px;
width: 100%;
max-width: 1060px;
@media (max-width: $mobile) {
padding: 0 20px;
......
src/view/block/header/Header.jsx
......@@ -10,14 +10,16 @@ export default D.declare('view.block.Header', () => {
"page-header", {
"page-header--inner": (NOT(store.valEqual( 'navigation.current', 'login')))
})} >
{
[
'login',
'main','fields'
].map(name=>
<button class="button-temp" type={'button'} onClick={() => store.set('navigation.current', name)}>{name}</button>
)
}
<div class="button-temp">
{
[
'login',
'main','fields'
].map(name=>
<button type={'button'} onClick={() => store.set('navigation.current', name)}>{name}</button>
)
}
</div>
<IF condition={NOT(store.valEqual( 'navigation.current', 'login'))}>
<div className="page-header__wrapper">
<a href="#" class="page-header__logo">
......
src/view/block/header/Header.scss
......@@ -96,7 +96,3 @@
left: 0;
z-index: 1;
}
.button-temp:nth-child(2) {
left: 50px;
}
src/view/cmp/button/button.scss
......@@ -52,7 +52,7 @@
}
.button--primary {
padding: 5px 48px;
padding: 5px 44px;
min-width: 200px;
color: $bg-main;
background-color: $accent-main;
......@@ -84,7 +84,7 @@
}
.button--secondary {
padding: 5px 48px;
padding: 5px 44px;
min-width: 200px;
color: #030303;
background-color: $bg-main;
......@@ -104,7 +104,7 @@
}
&:focus {
padding: 6px 49px;
padding: 6px 45px;
color: #030303;
background-color: $bg-main;
border-width: 1px;
......@@ -121,7 +121,7 @@
}
.button--bordered {
padding: 5px 48px;
padding: 5px 44px;
min-width: 200px;
color: $accent-dark;
background-color: $bg-main;
......
src/view/page/account/Account.jsx
......@@ -42,11 +42,11 @@ export default D.declare('view.page.Account', () =>
</Button>
]}>
<div className="welcome-page__message welcome-page__message--result welcome-page__message--top">
<h1 className="welcome-page__title"><em>Поздравляем!</em>
Вы вошли в ТОП
лучших ответов!</h1>
<h1 className="welcome-page__title"><em>Поздравляем!</em>
<br></br>Вы вошли в ТОП лучших ответов!</h1>
<div className="welcome-page__text">
<p>Ваш результат: <b class="result">98<sup>%</sup></b></p>
<p>Ваш результат: <span class="welcome-page__result">98<sup>%</sup></span></p>
<p>Вы верно ответили на <em>19</em> вопросов из 20.</p>
<p><em>ТОП лучших ответов означает, что в&nbsp;следующем тестировании вам нужно будет ответить на&nbsp;меньшее количество вопросов. Отличная работа! Мы&nbsp;гордимся вами!</em></p>
<p><b>ТОП лучших ответов означает, что в&nbsp;следующем тестировании вам нужно будет ответить на&nbsp;меньшее количество вопросов. Отличная работа! Мы&nbsp;гордимся вами!</b></p>
</div>
</div>
</Info>
......@@ -68,9 +68,9 @@ export default D.declare('view.page.Account', () =>
<div className="welcome-page__message welcome-page__message--result welcome-page__message--fail">
<h1 className="welcome-page__title">Тестирование завершено</h1>
<div className="welcome-page__text">
<p>Ваш результат: <b class="result">55<sup>%</sup></b></p>
<p>Ваш результат: <span class="welcome-page__result">55<sup>%</sup></span></p>
<p>Вы верно ответили на <em>9</em> вопросов из 20.</p>
<p><em>К&nbsp;сожалению, это очень низкий результат. Мы&nbsp;верим, что вы&nbsp;можете лучше! При подготовке к&nbsp;следующему тестированию, попробуйте потренироваться на&nbsp;пробном тесте или почитать нашу базу знаний.</em></p>
<p><b>К&nbsp;сожалению, это очень низкий результат. Мы&nbsp;верим, что вы&nbsp;можете лучше! При подготовке к&nbsp;следующему тестированию, попробуйте потренироваться на&nbsp;пробном тесте или почитать нашу базу знаний.</b></p>
</div>
</div>
</Info>
......@@ -90,13 +90,32 @@ export default D.declare('view.page.Account', () =>
</Button>
]}>
<div className="welcome-page__message welcome-page__message--result welcome-page__message--success">
<h1 className="welcome-page__title"><em>Поздравляем!</em>
Вы завершили тестирование!</h1>
<h1 className="welcome-page__title"><em>Поздравляем!</em>
<br></br>Вы завершили тестирование!</h1>
<div className="welcome-page__text">
<p>Ваш результат: <b class="result">80<sup>%</sup></b></p>
<p>Ваш результат: <span class="welcome-page__result">80<sup>%</sup></span></p>
<p>Вы верно ответили на <em>16</em> вопросов из 20.</p>
</div>
</div>
</Info>
<Info
img={
<picture>
<source srcset="/uploads/images/assistant-warning-mob.svg" media={"(max-width: 767px)"}/>
<img src="/uploads/images/assistant-warning.svg" width="450" height="360" alt={"Изображение помощника"}/>
</picture>
}
buttons={[
<Button class={"button button--primary welcome-page__button"} type={"button"}>
<span>Я готов! Начать</span><Arr width="17" height="11"/>
</Button>
]}>
<div className="welcome-page__message welcome-page__message--warning">
<h1 className="welcome-page__title"><em>Внимание!</em>
Тестирование
невозможно&nbsp;прервать</h1>
<div className="welcome-page__text">
<p>Это последнее предупреждение. Вы&nbsp;уверены, что готовы начать?</p>
</div>
</div>
</Info>
</div>
</div>
)
src/view/page/account/welcomePage.scss
......@@ -14,9 +14,86 @@
.welcome-page__info {
order: -1;
max-width: 50%;
padding-top: 45px;
width: 50%;
max-width: 500px;
}
.welcome-page__image {
display: flex;
justify-content: flex-end;
padding-top: 10px;
width: 50%;
max-width: calc(100% - 500px);
}
.welcome-page__title {
@include mainTitle;
margin: 0 0 33px;
}
.welcome-page__title em {
margin-right: 0.5em;
}
.welcome-page__message b {
font-weight: 500;
}
.welcome-page__text {
@include mainBodyText;
}
.welcome-page__text p {
margin: 0 0 23px;
}
.welcome-page__result {
font-weight: 700;
font-size: 44px;
line-height: 50px;
letter-spacing: 0.01em;
color: $text-main;
}
.welcome-page__result sup {
font-size: 24px;
line-height: 32px;
}
.welcome-page__message em {
font-style: normal;
color: $accent-main;
}
.welcome-page__message--warning em {
color: $sienna;
}
.welcome-page__message--top {
b {
color: $accent-main;
}
}
.welcome-page__message--fail {
b {
color: $text-main;
}
.welcome-page__result {
color: $red;
}
}
.welcome-page__buttons {
display: flex;
flex-wrap: wrap;
margin-top: 52px;
min-width: 1000px;
max-width: calc(100% - 60px);
}
.welcome-page__buttons button {
margin: 0 40px 30px 0;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment