Commit c613f0cb authored by Nikolay Gromov's avatar Nikolay Gromov

Библиотека: поправил описание Алертов

parent da3cd92e
(function(){ (function(){
// получим все закрывающих элементы в Алертах // получим все закрывающих элементы в Сообщениях
var alertCloseBtns = [].slice.call(document.querySelectorAll('.alert .alert__close') || []); var alertCloseBtns = [].slice.call(document.querySelectorAll('.alert .alert__close') || []);
// Навесим отслеживание событий клика // Навесим отслеживание событий клика
alertCloseBtns.forEach(function(item) { alertCloseBtns.forEach(function(item) {
item.addEventListener('click', function(){ item.addEventListener('click', function(){
// По клику поднимемся к родительскому Алерту и скроем его // По клику поднимемся к родительскому Сообщению и скроем его
this.closest('.alert').style.display = 'none'; this.closest('.alert').style.display = 'none';
}); });
}); });
......
...@@ -4726,7 +4726,7 @@ ...@@ -4726,7 +4726,7 @@
<div class="blocks-library__sub-item"> <div class="blocks-library__sub-item">
<h2 class="blocks-library__sub-item-title">Кнопка закрытия</h2> <h2 class="blocks-library__sub-item-title">Кнопка закрытия</h2>
<p>Дополнительный элемент <code>alert__close</code>, отдельный less-файл.</p> <p>Дополнительный элемент <code>alert__close</code>, отдельный less-файл.</p>
<p>Использует JS для сокрытия Алерта по нажатию. Алерт только скрывается, не убирается из DOM.</p> <p>Использует JS для сокрытия Сообщения по нажатию. Сообщение только скрывается, не убирается из DOM.</p>
<div class="js-font-resizer"> <div class="js-font-resizer">
<div class="alert alert--danger"> <div class="alert alert--danger">
<button class="alert__close" aria-label="Close">×</button> <button class="alert__close" aria-label="Close">×</button>
......
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