edv/VERAG_Homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Änderungen an CSS sowie der Anordnung der Radiobuttons in einer vertikaen Liste

Browse Source
This commit is contained in:
ja
2021-09-15 10:55:13 +02:00
parent c826f52dff
commit 18977f6a03
7 changed files with 182 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
css/Customers/CustomerAVISO.css
View File

@@ -34,16 +34,80 @@ btn_collapseoptionalparams:hover {
color: #fff;
background-color: #043381;
}
@media (max-width: 558.98px) {
#conovertab {
margin-left: 0px;
width: 315px;
overflow-x: auto;
hr{
color:#043381;
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 1rem 1.25rem;
font-size: 1rem;
color: #043381;
text-align: left;
background-color: #fff;
border: none;
border-radius: 0;
overflow-anchor: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease
}
#RadioButtonList1{
width:100%;
}
@media (prefers-reduced-motion:reduce) {
.accordion-button {
transition: none
}
}
.accordion-button:not(.collapsed) {
color: #043381;
background-color: #fff;
box-shadow: inset 0 -1px 0 rgba(4, 51, 129,.125);
border:none;
}
.accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
border: none;
transform: rotate(-180deg)
}
.accordion-button::after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform .2s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.accordion-button::after {
transition: none
}
}
.accordion-button:hover {
z-index: 2
}
.accordion-button:focus {
z-index: 3;
border-color: #043381;
outline: 0;
box-shadow: 0 0 0 .25rem rgba(4, 51, 129,.25)
}
@media (max-width: 558.98px) {
h1 {
color: #043381;
font-size: 22px;
}
#tableSearch {
width: 50%;
}
@@ -53,48 +117,60 @@ btn_collapseoptionalparams:hover {
padding-right: -2px;
padding-left: 60px;
}
#txt_Empfaenger {
width: 250px;
padding-right: -2px;
padding-left: 60px;
}
#txt_LKWNr {
width: 250px;
padding-right: -2px;
padding-left: 60px;
}
#txt_KdNrAuftrag {
width: 250px;
padding-right: -2px;
padding-left: 60px;
}
.container-fluid {
width: 700px;
}
#cont1 {
width: 700px;
}
#containerseiterand {
min-width: 700px;
}
.flex-fill {
width: 700px;
}
#cont3 {
width: 700px;
}
#cont4 {
min-width: 750px;
}
tbody {
font-size: 3.303964757709251vw;
height: auto;
flex-wrap: wrap;
width: fit-content;
}
#normaltable{
width:100%;
#normaltable {
width: 100%;
}
#conovertab {
/* max-width:width:150px 11.25em;*/
margin-left: /*14px*/ 3.0837004405286343vw;