Skip to content

Commit ba3f819

Browse files
AdriandeCitaMykolaSopiha
AdriandeCita
and
MykolaSopiha
authored
Styles and classes (#296)
* translation: styles and classes * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md * Update 2-ui/1-document/08-styles-and-classes/article.md Co-authored-by: Mykola Sopiha <[email protected]>
1 parent 6a9b351 commit ba3f819

File tree

4 files changed

+111
-111
lines changed

4 files changed

+111
-111
lines changed

‎2-ui/1-document/08-styles-and-classes/2-create-notification/solution.view/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
<body>
88

9-
<h2>Notification is on the right</h2>
9+
<h2>Сповіщення знаходиться справа</h2>
1010

1111
<p>
1212
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum aspernatur quam ex eaque inventore quod voluptatem adipisci omnis nemo nulla fugit iste numquam ducimus cumque minima porro ea quidem maxime necessitatibus beatae labore soluta voluptatum

‎2-ui/1-document/08-styles-and-classes/2-create-notification/source.view/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66

77
<body>
88

9-
<h2>Notification is on the right</h2>
9+
<h2>Сповіщення знаходиться справа</h2>
1010

1111
<p>
1212
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum aspernatur quam ex eaque inventore quod voluptatem adipisci omnis nemo nulla fugit iste numquam ducimus cumque minima porro ea quidem maxime necessitatibus beatae labore soluta voluptatum

‎2-ui/1-document/08-styles-and-classes/2-create-notification/task.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,23 @@ importance: 5
22

33
---
44

5-
# Create a notification
5+
# Створити сповіщення
66

7-
Write a function `showNotification(options)` that creates a notification: `<div class="notification">` with the given content. The notification should automatically disappear after 1.5 seconds.
7+
Напишіть функцію `showNotification(options)`, яка створює сповіщення `<div class="notification">` з переданим вмістом. Сповіщення повинно автоматично зникати через 1.5 секунди.
88

9-
The options are:
9+
Вхідні параметри такі:
1010

1111
```js
12-
// shows an element with the text "Hello" near the right-top of the window
12+
// показує елемент з текстом "Hello" біля правого верхнього кутка вікна
1313
showNotification({
14-
top: 10, // 10px from the top of the window (by default 0px)
15-
right: 10, // 10px from the right edge of the window (by default 0px)
16-
html: "Hello!", // the HTML of notification
17-
className: "welcome" // an additional class for the div (optional)
14+
top: 10, // 10px від верха вікна (усталено має бути 0px)
15+
right: 10, // 10px від правого краю вікна (усталено — 0px)
16+
html: "Hello!", // HTML-код сповіщення
17+
className: "welcome" // додатковий клас для елемента div (необов'язково)
1818
});
1919
```
2020

2121
[demo src="solution"]
2222

2323

24-
Use CSS positioning to show the element at given top/right coordinates. The source document has the necessary styles.
24+
Використовуйте позиціонування CSS для розміщення елемента за вказаними координатами `top/right`. Документ з оточенням вже містить всі необхідні стилі.

0 commit comments

Comments
 (0)