Commit dd35f9ba by talequale

orange button and welcome page fixed

parent 9b54ad7c
......@@ -121,10 +121,36 @@
}
}
.button--thirdery {
background: $persimmon;
color: #fff
.button-orange {
color: $bg-main;
background-color: $persimmon;
border-color: $persimmon;
@media (max-width: $mobile) {
font-size: 16px;
}
&:hover,
&:active {
color: $bg-main;
background-color: darken($persimmon, 10%);
border-color: darken($persimmon, 10%);
}
&:focus {
color: $bg-main;
background-color: $persimmon;
border-color: lighten($persimmon, 10%);
outline: none;
}
&:disabled {
color: $bg-main;
background-color: $gray-medium;
border-color: $gray-medium;
}
}
.button--bordered {
padding: 5px 44px;
min-width: 200px;
......
......@@ -246,5 +246,6 @@
}
button.welcome-page__button--wide {
padding-left: 20px;
min-width: 275px;
}
......@@ -4,28 +4,32 @@ import Arr from "/svg/arr.svg";
import Info from "/view/block/info/Info";
const WelcomeDemoFinal = D.declare( 'view.page.WelcomeDemoFinal', () => {
return <Info
img={
<picture>
<source srcset="/uploads/images/assistant-final-mob.svg" media={"(max-width: 767px)"}/>
<img src="/uploads/images/assistant-final.svg" width="450" height="360" alt={"Изображение помощника"}/>
</picture>
}
buttons={[
<Button class={"button button--thirdery welcome-page__button"} type={"button"}
onclick={ACTION.TEST.DEMO.GOTO_FINAL_LAST_NOTIFICATION.execute}>
<span>Начать тестирование</span><Arr width="17" height="11"/>
</Button>
]}>
<div className="welcome-page__message">
<h1 className="welcome-page__title">Добро пожаловать в&nbsp;пробное итоговое тестирование!</h1>
<div className="welcome-page__text">
<p>Текст про тестирование и&nbsp;его правила.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do&nbsp;eiusmod tempor incididunt ut&nbsp;labore et&nbsp;dolore magna aliqua.</p>
<p class="welcome-page__date">Тестирование проходит в&nbsp;период: <time>25.08-30.08</time></p>
</div>
return <div className="welcome-page">
<div className="welcome-page__wrapper">
<Info
img={
<picture>
<source srcset="/uploads/images/assistant-final-mob.svg" media={"(max-width: 767px)"}/>
<img src="/uploads/images/assistant-final.svg" width="450" height="360" alt={"Изображение помощника"}/>
</picture>
}
buttons={[
<Button class={"button button--primary button-orange welcome-page__button welcome-page__button--wide"} type={"button"}
onclick={ACTION.TEST.DEMO.GOTO_FINAL_LAST_NOTIFICATION.execute}>
<span>Начать тестирование</span><Arr width="17" height="11"/>
</Button>
]}>
<div className="welcome-page__message">
<h1 className="welcome-page__title">Добро пожаловать в&nbsp;пробное итоговое тестирование!</h1>
<div className="welcome-page__text">
<p>Текст про тестирование и&nbsp;его правила.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do&nbsp;eiusmod tempor incididunt ut&nbsp;labore et&nbsp;dolore magna aliqua.</p>
<p class="welcome-page__date">Тестирование проходит в&nbsp;период: <time>25.08-30.08</time></p>
</div>
</div>
</Info>
</div>
</Info>
</div>
} );
export default WelcomeDemoFinal;
export { WelcomeDemoFinal };
\ No newline at end of file
export { WelcomeDemoFinal };
......@@ -4,28 +4,32 @@ import Arr from "/svg/arr.svg";
import Info from "/view/block/info/Info";
const WelcomeDemoFinalLastNotification = D.declare( 'view.page.WelcomeDemoFinalLastNotification', () => {
return <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--thirdery welcome-page__button welcome-page__button--wide"} type={"button"}
onclick={ACTION.TEST.DEMO.GOTO_FINAL_TEST.execute}
>
<span>Я готов! Начать</span><Arr width="17" height="11"/>
</Button>
]}>
<div className="welcome-page__message welcome-page__message--warning">
<h1 className="welcome-page__title"><em>Внимание!</em>
Тестирование
 невозможно прервать</h1>
<div className="welcome-page__text">
<p>Это последнее предупреждение. Вы&nbsp;уверены, что&nbsp;готовы начать?</p>
</div>
return <div className="welcome-page">
<div className="welcome-page__wrapper">
<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 button-orange welcome-page__button welcome-page__button--wide"} type={"button"}
onclick={ACTION.TEST.DEMO.GOTO_FINAL_TEST.execute}
>
<span>Я готов! Начать</span><Arr width="17" height="11"/>
</Button>
]}>
<div className="welcome-page__message welcome-page__message--warning">
<h1 className="welcome-page__title"><em>Внимание!</em>
Тестирование
 невозможно прервать</h1>
<div className="welcome-page__text">
<p>Это последнее предупреждение. Вы&nbsp;уверены, что&nbsp;готовы начать?</p>
</div>
</div>
</Info>
</div>
</Info>
</div>
} );
export default WelcomeDemoFinalLastNotification;
export { WelcomeDemoFinalLastNotification };
\ No newline at end of file
export { WelcomeDemoFinalLastNotification };
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