alert message
This commit is contained in:
Meylis Gazakow
parent
cf1e57fa1c
commit
0bc1083c3e
|
|
@ -4663,11 +4663,58 @@ input::-webkit-calendar-picker-indicator {
|
|||
max-width: 300px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Export table page end ==================================== */
|
||||
|
||||
|
||||
/* Alert ======================================== */
|
||||
|
||||
.alert {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background: #CED6E8;
|
||||
padding: 10px 0;
|
||||
z-index: 20;
|
||||
|
||||
display: none;
|
||||
}
|
||||
|
||||
.alert.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.alert_row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.alert_text {
|
||||
color: var(--blue);
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.4;
|
||||
width: calc(100% - 50px);
|
||||
}
|
||||
|
||||
.close_alert {
|
||||
width: 10px;
|
||||
height: 17px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.close_alert svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
-o-object-fit: contain;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Alert end ==================================== */
|
||||
|
||||
|
||||
|
||||
/* Media Query
|
||||
======================================================= */
|
||||
|
|
|
|||
|
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="700pt" height="700pt" version="1.1" viewBox="0 0 700 700" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m474.93 171.59-108.43 108.41 108.43 108.41c4.5625 4.5625 4.5625 11.957 0 16.52s-11.957 4.5625-16.52 0l-108.41-108.43-108.41 108.43c-4.5625 4.5625-11.957 4.5625-16.52 0s-4.5625-11.957 0-16.52l108.43-108.41-108.43-108.41c-4.5625-4.5625-4.5625-11.957 0-16.52s11.957-4.5625 16.52 0l108.41 108.43 108.41-108.43c4.5625-4.5625 11.957-4.5625 16.52 0s4.5625 11.957 0 16.52z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 530 B |
|
|
@ -16,6 +16,28 @@
|
|||
|
||||
<body>
|
||||
|
||||
<!-- Alert message =============================================== -->
|
||||
<section class="alert active">
|
||||
<div class="auto_container">
|
||||
<div class="alet_wrap">
|
||||
<div class="alert_row">
|
||||
<h6 class="alert_text">
|
||||
Вы не можете создавать и исползовать ресурсы некоторых сервисов. Пополните баланс, чтобы
|
||||
возобновить работу.
|
||||
</h6>
|
||||
<div class="close_alert">
|
||||
<svg viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M30.248 2.9785L17.5762 15.6479L30.248 28.3174C30.7812 28.8506 30.7812 29.7148 30.248 30.248C29.7148 30.7813 28.8507 30.7812 28.3174 30.248L15.6479 17.5762L2.9785 30.248C2.4453 30.7812 1.58113 30.7812 1.04787 30.248C0.514612 29.7148 0.514671 28.8507 1.04787 28.3174L13.7197 15.6479L1.04787 2.9785C0.514671 2.4453 0.514671 1.58113 1.04787 1.04787C1.58107 0.514612 2.44524 0.514671 2.9785 1.04787L15.6479 13.7197L28.3174 1.04787C28.8506 0.514671 29.7148 0.514671 30.248 1.04787C30.7813 1.58107 30.7812 2.44524 30.248 2.9785V2.9785Z"
|
||||
fill="#003197" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Alert message end =========================================== -->
|
||||
|
||||
<!-- Register ======================================================== -->
|
||||
<section class="register">
|
||||
<div class="auto_container">
|
||||
|
|
@ -3065,7 +3087,7 @@
|
|||
<!-- Register end ==================================================== -->
|
||||
|
||||
<!-- Password ==================================================== -->
|
||||
<section class="password active">
|
||||
<section class="password ">
|
||||
<div class="auto_container">
|
||||
<div class="pass_wrap">
|
||||
<div class="pass_mail">
|
||||
|
|
@ -4001,7 +4023,7 @@
|
|||
let flagClass = $(this).find('.iti__flag').attr("class").split(/\s+/)[1]
|
||||
|
||||
let oldClasses = $('.phone_box-flag').attr("class").split(/\s+/);
|
||||
delete(oldClasses[2])
|
||||
delete (oldClasses[2])
|
||||
|
||||
$('.phone_box-flag').attr('class', oldClasses.join(' '))
|
||||
|
||||
|
|
@ -4019,4 +4041,4 @@
|
|||
<!-- <script src="js/extra.js"></script> -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
|
@ -55,6 +55,10 @@ let delete_modal = document.querySelector('#delete-modal');
|
|||
let table_filter_icon = document.querySelector('.table_filter-icon');
|
||||
let table_filter_info = document.querySelector('.table_filter-info');
|
||||
|
||||
let close_alert = document.querySelector('.close_alert');
|
||||
let alert = document.querySelector('.alert');
|
||||
|
||||
|
||||
|
||||
|
||||
// Fixed header ====================================
|
||||
|
|
@ -250,6 +254,15 @@ if (profile_head != undefined) {
|
|||
});
|
||||
}
|
||||
|
||||
if (close_alert != undefined) {
|
||||
close_alert.addEventListener('click', function () {
|
||||
sleep(2).then(() => {
|
||||
alert.classList.remove('active');
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// if (phone_box != undefined) {
|
||||
// phone_box.addEventListener('click', function () {
|
||||
// sleep(2).then(() => {
|
||||
|
|
|
|||
Loading…
Reference in New Issue