IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

change input radio as checkbox style

Browse Source
This commit is contained in:
ogerly 2022-12-13 21:22:09 +01:00
parent 27acb7564b
commit a2c7703f9d
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/components/GddSend/TransactionForm.vue
View File

@ -15,6 +15,7 @@
size="lg" size="lg"
:value="sendTypes.send" :value="sendTypes.send"
stacked stacked
class="custom-radio-button"
></b-form-radio> ></b-form-radio>
</b-col> </b-col>
</b-row> </b-row>
@ -27,6 +28,7 @@
name="shipping" name="shipping"
:value="sendTypes.link" :value="sendTypes.link"
size="lg" size="lg"
class="custom-radio-button"
></b-form-radio> ></b-form-radio>
</b-col> </b-col>
</b-row> </b-row>
@ -190,4 +192,23 @@ span.errors {
.border-radius { .border-radius {
border-radius: 10px; border-radius: 10px;
} }
label {
display: block;
margin-bottom: 10px;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #678000;
border-color: #678000;
background-color: #f1f2ec;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
content: '\2714';
margin-left: 5px;
/* left: -42.5px;
top: 1.5px; */
color: #678000;
}
</style> </style>