Redesign - dokoncan popup za vprasajcke

This commit is contained in:
pero1203 2022-01-03 10:29:35 +01:00
parent 7af5e6e5be
commit e82b629ff0
2 changed files with 1456 additions and 1395 deletions

File diff suppressed because it is too large Load Diff

View File

@ -5,13 +5,18 @@
.qtip{ .qtip{
@include popup_general(); @include popup_general();
padding: 15px !important; box-sizing: border-box;
width: 400px !important;
box-shadow: 0px 2px 7px -1px rgba(0, 0, 0, 0.25);
.qtip-tip{ .qtip-tip{
display: none !important; display: none !important;
} }
.qtip-wrapper{ .qtip-wrapper{
overflow: visible !important;
border: 0 !important; border: 0 !important;
.qtip-contentWrapper { .qtip-contentWrapper {
@ -21,33 +26,34 @@
padding: 0 !important; padding: 0 !important;
/*margin-top: 10px;*/ /*margin-top: 10px;*/
color: black !important; color: $black !important;
font-size: 14px; font-size: 16px;
font-weight: 600; font-weight: 600;
background-color: white !important; background-color: white !important;
/* Krizec za zaprtje vprasajcka */
.qtip-button{ .qtip-button{
position: absolute !important; position: absolute !important;
top: 0px; top: -16px;
right: 0px; right: -10px;
font-size: 25px !important; font-size: 12px !important;
line-height: 18px; color: $very-dark-gray;
color: $gray;
&:hover{ &:hover{
color: $blue; color: $black;
} }
} }
} }
/* Vsebina vprasajcka */
.qtip-content { .qtip-content {
overflow: visible !important; overflow: visible !important;
padding: 0 !important; padding: 0 !important;
margin-top: 10px;
font-size: 12px; font-size: 16px;
line-height: 20px;
background-color: white !important; background-color: white !important;
border: 0; border: 0;
@ -56,11 +62,42 @@
box-sizing: border-box; box-sizing: border-box;
} }
.qtip-help{ /* Link "Več >" */
margin-top: -10px; .qtip-more{
padding-right: 30px; display: block;
margin-top: 16px;
line-height: 20px; font-weight: 600;
a{
text-decoration: none;
&:hover{
text-decoration: none;
}
}
&::after{
cursor: pointer;
padding-left: 8px;
vertical-align: middle;
font-family: $fontawesome;
content: "\f054";
font-size: 8px;
color: $blue;
transition: 0.2s;
}
&:hover{
&::after{
color: $dark-blue;
}
}
} }
} }
} }