bachir/grav-lecampus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix design form demande devis

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2022-03-04 15:19:10 +01:00
parent 9dce5f34fb
commit 761ebf2eb3
7 changed files with 5708 additions and 639 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
user/themes/lecampus/css-compiled/theme.css
View File

@ -1709,64 +1709,77 @@ header nav.dropmenu > ul {
margin-top: 0; }
.start#form .body-wrapper {
width: 100%;
width: 100% !important;
min-width: 250px;
margin: auto auto 140px auto; }
margin-bottom: 0 !important; }
.start#form .body-wrapper form {
width: calc( (100% / 2));
width: 100% !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 20px;
margin: auto; }
.start#form .body-wrapper form > .form-columns {
width: 100%;
margin: 20px 0; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group {
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data {
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper {
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column.w-100 > .form-group > .form-data > .form-textarea-wrapper textarea {
width: 100%;
resize: none;
border: none; }
.start#form .body-wrapper form > .form-columns > .form-column {
padding: 20px 0;
display: flex;
width: 100%; }
.start#form .body-wrapper form > .form-columns > .form-column:not(:nth-last-child(1)) {
border-bottom: 1px solid #9e0027; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group {
width: auto; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0px 0px; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div {
overflow: hidden;
margin: 10px 10px;
min-width: 100px;
border: 2px solid #9e0027;
border-radius: 30px;
padding: 10px 20px; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div.check {
background: #9e0027;
color: white; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input {
border: none; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div input[type='radio'] {
visibility: hidden;
position: absolute; }
.start#form .body-wrapper form > .form-columns > .form-column > .form-group .form-data > div label {
cursor: pointer; }
.start#form .body-wrapper form > .form-group {
width: calc( (100% / 2)) !important;
margin-left: 25%;
margin-right: 25%;
margin-top: 20px;
padding-bottom: 20px; }
.start#form .body-wrapper form > .form-group .form-data {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 20px 0px; }
.start#form .body-wrapper form > .form-group .form-data > div {
overflow: hidden;
margin: 10px 10px;
min-width: 100px;
border: 2px solid #9e0027;
border-radius: 30px;
padding: 10px 20px; }
.start#form .body-wrapper form > .form-group .form-data > div.check {
background: #9e0027;
color: white; }
.start#form .body-wrapper form > .form-group .form-data > div input {
border: none; }
.start#form .body-wrapper form > .form-group .form-data > div input[type='radio'] {
visibility: hidden;
position: absolute; }
.start#form .body-wrapper form > .form-group .form-data > div label {
cursor: pointer; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(n+5):not(:nth-of-type(n+11)) {
width: 25% !important;
margin-top: 0;
margin-bottom: 0; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(5) {
margin-left: 25%;
margin-right: 0; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(6) {
margin-left: 0;
margin-right: 25%; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(7) {
margin-left: 25%;
margin-right: 0; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(8) {
margin-left: 0;
margin-right: 25%; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(9) {
margin-left: 25%;
margin-right: 0; }
.start#form .body-wrapper form > .form-field.form-group:nth-of-type(10) {
margin-left: 0;
margin-right: 25%; }
.start#form .body-wrapper form .button-wrapper {
order: 12 !important;
background: #9e0027;
height: 100px;
position: absolute;
position: relative !important;
left: 0;
width: 100%; }
width: 100% !important;
bottom: 0;
margin-bottom: 0; }
.start#form .body-wrapper form .button-wrapper button {
margin-right: 25%;
position: absolute;

4591
user/themes/lecampus/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

2
user/themes/lecampus/package.json
View File

@ -19,6 +19,6 @@
"author": "",
"license": "ISC",
"devDependencies": {
"node-sass": "*"
"node-sass": "^7.0.1"
}
}

3
user/themes/lecampus/scss/theme.scss
View File

@ -15,7 +15,8 @@
@import 'theme/cookies';
@import 'theme/thumbnails/thumbnails';
@import 'theme/custom';
@import 'theme/form';
// @import 'theme/form';
@import 'theme/_form2.scss';
// Extra Skeleton Styling

139
user/themes/lecampus/scss/theme/_form2.scss Normal file
View File

@ -0,0 +1,139 @@
.start#form{
.entete{
border-top: 1px solid $light-blue;
}
h2{
margin-top: 0;
}
.body-wrapper{
width: 100% !important;
min-width: 250px;
// margin: auto auto 140px auto;
margin-bottom: 0 !important;
form{
width: 100% !important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 20px;
margin: auto;
& > .form-group{
// width: 100% !important;
width: calc( (100% / 2)) !important;
// margin: auto;
margin-left: 25%;
margin-right: 25%;
margin-top: 20px;
padding-bottom: 20px;
.form-data{
@include inlineflex();
margin: 20px 0px;
&> div{
overflow: hidden;
margin: 10px 10px;
min-width: 100px;
border: 2px solid $red;
border-radius: 30px;
padding: 10px 20px;
&.check{
background: $red;
color: white;
}
input{
border: none;
}
input[type='radio'] {
visibility: hidden;
position: absolute;
}
label{
cursor: pointer;
}
}
}
}
& > .form-field.form-group{
&:nth-of-type(n+5):not(:nth-of-type(n+11)){
width: 25% !important;
margin-top: 0;
margin-bottom: 0;
}
&:nth-of-type(5){
margin-left: 25%;
margin-right: 0;
}
&:nth-of-type(6){
margin-left: 0;
margin-right: 25%;
}
&:nth-of-type(7){
margin-left: 25%;
margin-right: 0;
}
&:nth-of-type(8){
margin-left: 0;
margin-right: 25%;
}
&:nth-of-type(9){
margin-left: 25%;
margin-right: 0;
}
&:nth-of-type(10){
margin-left: 0;
margin-right: 25%;
}
}
.button-wrapper{
order: 12 !important;
background: $red;
height: 100px;
position: relative !important;
left: 0;
width: 100% !important;
bottom: 0;
margin-bottom: 0;
button{
margin-right: 25%;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: white;
border-radius: 30px;
padding: 10px 35px;
box-shadow:none;
border:0;
}
}
}
#send-valide{
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: $red;
border-radius: 20px;
position: fixed;
width: 30%;
min-height: 30%;
left: 50%;
top: 50%;
padding: 50px;
.toast{
position: relative;
text-align: center;
color: white;
}
.ok{
color: white;
position: absolute;
right: 20px;
bottom: 20px;
}
}
}
}

2
user/themes/lecampus/templates/partials/base.html.twig
View File

@ -62,7 +62,7 @@
]
}
</script>
<script type="text/javascript" src="https://checkoutpage.co/js/overlay.js" defer></script>
</head>
<body>

1497
user/themes/lecampus/yarn.lock
View File

File diff suppressed because it is too large Load Diff