File tree Expand file tree Collapse file tree 18 files changed +682
-198
lines changed
Expand file tree Collapse file tree 18 files changed +682
-198
lines changed Original file line number Diff line number Diff line change 9494}
9595
9696button [type = "button" ] {
97- width : calc ( 100 % - 40 px ) ;
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+ }
Original file line number Diff line number Diff line change 11@import url ("main.css" );
22
3- body {
3+ body {
44 overflow-y : auto;
55}
66
Original file line number Diff line number Diff line change 1212# argument {
1313 width : 50px ;
1414 height : 30px ;
15+ text-align : center;
1516 margin : 10px ;
1617 padding : 0px ;
1718 border : var (--border );
Original file line number Diff line number Diff line change 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 : 20 px ;
88 text-align : center;
99 margin : 20px auto;
1010 padding : 10px ;
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 : 20 px ;
2024 text-align : center;
2125 margin : 0 ;
2226 padding : 10px ;
3236 height : 27px ;
3337 width : max-content;
3438}
35- h1 {
39+ h1 {
3640 height : max-content;
3741 width : 60% ;
3842 margin-bottom : 30px ;
Original file line number Diff line number Diff line change 11@import url ("main.css" );
22
33# pmka {
4- font-size : var ( --table-font ) ;
4+ font-size : 20 px ;
55}
66
77.output0 {
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+ }
Original file line number Diff line number Diff line change 2323}
2424
2525# check-dnf {
26- width : calc ( 100 % - 40 px ) ;
26+ width : 50 % ;
2727 height : 40px ;
2828 margin : 20px ;
2929 padding : 10px ;
7373 font-weight : bold;
7474 user-select : auto;
7575}
76+ .info-button ::after {
77+ width : 400px !important ;
78+ }
Original file line number Diff line number Diff line change 1414}
1515
1616# knf {
17- width : calc ( 100 % - 40 px ) ;
17+ width : 450 px ;
1818 height : 40px ;
1919 margin : 20px ;
2020 padding : 10px ;
2323}
2424
2525# check-knf {
26- width : calc ( 100 % - 40 px ) ;
26+ width : 50 % ;
2727 height : 40px ;
2828 margin : 20px ;
2929 padding : 10px ;
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 ;
7171 font-size : var (--table-font );
7272 font-weight : bold;
7373}
74+ .info-button ::after {
75+ width : 400px !important ;
76+ }
Original file line number Diff line number Diff line change 44 font-size : var (--table-font );
55 font-weight : bold;
66}
7-
7+ .input-header {
8+ position : relative;
9+ top : -20px ;
10+ }
Original file line number Diff line number Diff 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
You can’t perform that action at this time.
0 commit comments