Skip to content

Commit bddab69

Browse files
committed
2 parents d4c7cfd + 7396508 commit bddab69

File tree

18 files changed

+682
-198
lines changed

18 files changed

+682
-198
lines changed

css/main.css

Lines changed: 47 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@ h1 {
9494
}
9595

9696
button[type="button"] {
97-
width: calc(100% - 40px);
97+
width: 50%;
9898
height: 40px;
9999
margin: 20px;
100100
padding: 10px;
@@ -193,7 +193,9 @@ input[type="submit"]:hover {
193193
}
194194

195195
#generate-vector {
196-
width: calc(100% - 40px);
196+
position: relative;
197+
top: -18px;
198+
width: 450px;
197199
height: 40px;
198200
margin: 20px;
199201
padding: 10px;
@@ -439,3 +441,46 @@ input[type="submit"]:hover {
439441
.dark .theme-switch__icon-sun {
440442
color: var(--icon-dark-color);
441443
}
444+
445+
446+
.info-button {
447+
position:relative;
448+
top: -10px;
449+
right: -48%;
450+
margin: 5px;
451+
padding: 0;
452+
border-radius: 50% !important;
453+
background: white;
454+
}
455+
456+
label {
457+
font-size: var(--table-font);
458+
font-weight: bold;
459+
}
460+
461+
.info-button::after {
462+
width: 350px;
463+
content: attr(data-tooltip);
464+
position: absolute;
465+
background: var(--back-color);
466+
color: var(--text-color);
467+
font-size: 17px;
468+
padding: 6px 12px;
469+
border-radius: 30px;
470+
visibility: hidden;
471+
transition: 1s;
472+
border: 1px solid black;
473+
/* pointer-events: none; */
474+
}
475+
476+
.info-button:hover::after {
477+
opacity: 1;
478+
visibility: visible;
479+
font-weight: bold;
480+
}
481+
482+
.material-symbols-outlined {
483+
font-size: 100px;
484+
vertical-align: middle;
485+
color: black;
486+
}

css/zad1.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@import url("main.css");
22

3-
body{
3+
body {
44
overflow-y: auto;
55
}
66

css/zad2.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
#argument {
1313
width: 50px;
1414
height: 30px;
15+
text-align: center;
1516
margin: 10px;
1617
padding: 0px;
1718
border: var(--border);

css/zad3.css

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
@import url('main.css');
1+
@import url("main.css");
22

33
#nullvector,
44
#edvector {
55
width: calc(100% - 40px);
66
height: 30px;
7-
font-size: var(--table-font);
7+
font-size: 20px;
88
text-align: center;
99
margin: 20px auto;
1010
padding: 10px;
@@ -13,10 +13,14 @@
1313
box-shadow: var(--box-shadow);
1414
}
1515

16+
p {
17+
font-size: var(--table-font);
18+
}
19+
1620
#argument {
1721
width: 10%;
1822
height: 30px;
19-
font-size: var(--table-font);
23+
font-size: 20px;
2024
text-align: center;
2125
margin: 0;
2226
padding: 10px;
@@ -32,7 +36,7 @@
3236
height: 27px;
3337
width: max-content;
3438
}
35-
h1{
39+
h1 {
3640
height: max-content;
3741
width: 60%;
3842
margin-bottom: 30px;

css/zad4.css

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@import url("main.css");
22

33
#pmka {
4-
font-size: var(--table-font);
4+
font-size: 20px;
55
}
66

77
.output0 {
@@ -44,9 +44,12 @@
4444
padding: 10px;
4545
background: #fff;
4646
}
47-
48-
.select option:checked,
49-
.select option:hover {
50-
background-color: #4ae263;
51-
color: white;
47+
#output-container {
48+
position: relative;
49+
top: -15px;
5250
}
51+
52+
.output0 i{
53+
text-decoration: underline;
54+
font-size: 22px;
55+
}

css/zad6.css

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
}
2424

2525
#check-dnf {
26-
width: calc(100% - 40px);
26+
width: 50%;
2727
height: 40px;
2828
margin: 20px;
2929
padding: 10px;
@@ -73,3 +73,6 @@
7373
font-weight: bold;
7474
user-select: auto;
7575
}
76+
.info-button::after {
77+
width: 400px !important;
78+
}

css/zad7.css

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
}
1515

1616
#knf {
17-
width: calc(100% - 40px);
17+
width: 450px;
1818
height: 40px;
1919
margin: 20px;
2020
padding: 10px;
@@ -23,7 +23,7 @@
2323
}
2424

2525
#check-knf {
26-
width: calc(100% - 40px);
26+
width: 50%;
2727
height: 40px;
2828
margin: 20px;
2929
padding: 10px;
@@ -55,7 +55,7 @@
5555
}
5656

5757
#correct-answer {
58-
position: absolute !important;
58+
position: absolute !important;
5959
top: 60px !important;
6060
right: 20px !important;
6161
padding: 10px 20px !important;
@@ -71,3 +71,6 @@
7171
font-size: var(--table-font);
7272
font-weight: bold;
7373
}
74+
.info-button::after {
75+
width: 400px !important;
76+
}

css/zad8.css

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,4 +4,7 @@
44
font-size: var(--table-font);
55
font-weight: bold;
66
}
7-
7+
.input-header {
8+
position: relative;
9+
top: -20px;
10+
}

js/zad4.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,13 +28,13 @@ function getRandomString (function_value) {
2828
return function_value[randomIndex]
2929
}
3030

31-
function displayFunctionValue () {
31+
function displayFunctionValue() {
3232
const outputContainer = document.getElementById('output-container')
3333
outputContainer.innerHTML = ''
3434

3535
const output = document.createElement('p')
3636
output.classList.add('output0')
37-
output.textContent = `Значение функции: ${randomString}`
37+
output.innerHTML = `Значение функции: <i>${randomString}</i>`
3838
outputContainer.appendChild(output)
3939
}
4040

0 commit comments

Comments
 (0)