janis/notes-react
1
0
Fork 0
mirror of https://github.com/DerTyp7/notes-react.git synced 2025-10-30 21:07:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

secure user input

Browse Source
This commit is contained in:
j.mei7
2022-04-03 17:42:22 +02:00
parent eddfa544a4
commit 12dd3f9e53
5 changed files with 144 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
react_frontend/src/css/IdeaContent.scss
View File

@@ -6,38 +6,46 @@
.head{
padding-top: 20px;
padding-bottom: 20px;
padding-bottom: 50px;
margin-bottom: 20px;
border-bottom: 2px solid rgba(87, 87, 87, 0.3);
width: 100%;
display: block;
input{
background-color: transparent;
border: 0px;
border-bottom: 2px solid rgba(87, 87, 87, 0.5);
font-size: 24pt;
color: white;
outline:none;
label{
margin-left: 50px;
font-weight: bold;
margin-bottom: 20px;
width: 60%;
transition: 100ms;
transition-timing-function: linear;
display: block;
float: left;
&::placeholder{
color: rgba(255, 255, 255, 0.44);
input{
background-color: transparent;
border: 0px;
border-bottom: 2px solid rgba(87, 87, 87, 0.5);
font-size: 24pt;
color: white;
outline:none;
font-weight: bold;
}
&:hover{
border-color: rgb(80, 209, 160);
}
&:focus{
border-color: rgb(80, 209, 160);
width: 100%;
transition: 100ms;
transition-timing-function: linear;
&::placeholder{
color: rgba(255, 255, 255, 0.44);
font-weight: bold;
}
&:hover{
border-color: rgb(80, 209, 160);
}
&:focus{
border-color: rgb(80, 209, 160);
}
}
}
}
.textAreaContainer{
@@ -48,7 +56,7 @@
textarea{
outline: 0;
display: block;
width: calc(100% - 40px);
width: calc(100% - 43px);
height: 100%;
background-color: rgba(71, 71, 71, 0.171);
border: 0px solid transparent;
@@ -60,6 +68,31 @@
padding-top: 10px;
padding-bottom: 10px;
font-family: 'Roboto', sans-serif;
border-left: 3px solid transparent;
transition: 100ms;
transition-timing-function: linear;
&:hover{
border-color: rgb(80, 209, 160);
}
&:focus{
border-color: rgb(80, 209, 160);
}
}
.error-text{
padding-left: 23px;
}
}
.input-error{
border-color: rgb(255, 45, 45) !important;
}
.error-text{
color:rgb(255, 45, 45);
font-weight: bold;
cursor: text;
}
}