Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Sign in / Register
Toggle navigation
K
kpp
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Alexandr Veselov
kpp
Commits
c613f0cb
Commit
c613f0cb
authored
Mar 25, 2016
by
Nikolay Gromov
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Библиотека: поправил описание Алертов
parent
da3cd92e
Changes
2
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
3 additions
and
3 deletions
+3
-3
alert__close.js
src/blocks/alert/alert__close.js
+2
-2
blocks_library.html
src/blocks_library.html
+1
-1
No files found.
src/blocks/alert/alert__close.js
View file @
c613f0cb
(
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'
;
});
});
});
});
...
...
src/blocks_library.html
View file @
c613f0cb
...
@@ -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>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment