| @@ -144,8 +144,9 @@ | ||
| 144 | 144 | grid-template-columns: 1fr 1fr; |
| 145 | 145 | /** |
| 146 | 146 | * Style for the buttons |
| 147 | 147 | */ |
| 148 | + /* 5. Minimal Bottom Line */ | |
| 148 | 149 | } |
| 149 | 150 | .lp-question-edit-main [class*=lp-icon-] { |
| 150 | 151 | font-size: 1.25rem; |
| 151 | 152 | color: #787c82; |
| @@ -192,8 +193,32 @@ | ||
| 192 | 193 | background: #135E96; |
| 193 | 194 | color: #fff; |
| 194 | 195 | opacity: 1; |
| 195 | 196 | } |
| 197 | +.lp-question-edit-main .btn-line::after { | |
| 198 | + content: ""; | |
| 199 | + position: absolute; | |
| 200 | + bottom: 0; | |
| 201 | + left: 0; | |
| 202 | + height: 4px; | |
| 203 | + width: 0%; | |
| 204 | + background-color: #38bdf8; | |
| 205 | + animation: lineLoad 2s ease-in-out infinite; | |
| 206 | +} | |
| 207 | +@keyframes lineLoad { | |
| 208 | + 0% { | |
| 209 | + width: 0%; | |
| 210 | + left: 0; | |
| 211 | + } | |
| 212 | + 50% { | |
| 213 | + width: 100%; | |
| 214 | + left: 0; | |
| 215 | + } | |
| 216 | + 100% { | |
| 217 | + width: 0%; | |
| 218 | + left: 100%; | |
| 219 | + } | |
| 220 | +} | |
| 196 | 221 | |
| 197 | 222 | .question-edit-details .lp-section-collapse { |
| 198 | 223 | padding: 0; |
| 199 | 224 | border: 1px solid #dcdcde; |
| @@ -358,8 +383,9 @@ | ||
| 358 | 383 | font-size: 1rem; |
| 359 | 384 | /** |
| 360 | 385 | * Style for the buttons |
| 361 | 386 | */ |
| 387 | + /* 5. Minimal Bottom Line */ | |
| 362 | 388 | } |
| 363 | 389 | .lp-popup-items-to-select .lp-btn-edit-primary { |
| 364 | 390 | border: none; |
| 365 | 391 | background: #135e96; |
| @@ -372,8 +398,32 @@ | ||
| 372 | 398 | background: #135E96; |
| 373 | 399 | color: #fff; |
| 374 | 400 | opacity: 1; |
| 375 | 401 | } |
| 402 | +.lp-popup-items-to-select .btn-line::after { | |
| 403 | + content: ""; | |
| 404 | + position: absolute; | |
| 405 | + bottom: 0; | |
| 406 | + left: 0; | |
| 407 | + height: 4px; | |
| 408 | + width: 0%; | |
| 409 | + background-color: #38bdf8; | |
| 410 | + animation: lineLoad 2s ease-in-out infinite; | |
| 411 | +} | |
| 412 | +@keyframes lineLoad { | |
| 413 | + 0% { | |
| 414 | + width: 0%; | |
| 415 | + left: 0; | |
| 416 | + } | |
| 417 | + 50% { | |
| 418 | + width: 100%; | |
| 419 | + left: 0; | |
| 420 | + } | |
| 421 | + 100% { | |
| 422 | + width: 0%; | |
| 423 | + left: 100%; | |
| 424 | + } | |
| 425 | +} | |
| 376 | 426 | .lp-popup-items-to-select .header { |
| 377 | 427 | position: relative; |
| 378 | 428 | } |
| 379 | 429 | .lp-popup-items-to-select .header .header-count-items-selected { |
| @@ -560,8 +610,9 @@ | ||
| 560 | 610 | padding: 12px; |
| 561 | 611 | /** |
| 562 | 612 | * Style for the buttons |
| 563 | 613 | */ |
| 614 | + /* 5. Minimal Bottom Line */ | |
| 564 | 615 | /*.lp-btn-add-question { |
| 565 | 616 | border: none !important; |
| 566 | 617 | background: rgba(19, 94, 150, 0.5) !important; |
| 567 | 618 | color: #fff !important; |
| @@ -611,8 +662,32 @@ | ||
| 611 | 662 | .lp-edit-quiz-wrap .lp-btn-edit-primary:hover, .lp-edit-quiz-wrap .lp-btn-edit-primary.active, .lp-edit-quiz-wrap .lp-btn-edit-primary.active:hover { |
| 612 | 663 | background: #135E96; |
| 613 | 664 | color: #fff; |
| 614 | 665 | opacity: 1; |
| 666 | +} | |
| 667 | +.lp-edit-quiz-wrap .btn-line::after { | |
| 668 | + content: ""; | |
| 669 | + position: absolute; | |
| 670 | + bottom: 0; | |
| 671 | + left: 0; | |
| 672 | + height: 4px; | |
| 673 | + width: 0%; | |
| 674 | + background-color: #38bdf8; | |
| 675 | + animation: lineLoad 2s ease-in-out infinite; | |
| 676 | +} | |
| 677 | +@keyframes lineLoad { | |
| 678 | + 0% { | |
| 679 | + width: 0%; | |
| 680 | + left: 0; | |
| 681 | + } | |
| 682 | + 50% { | |
| 683 | + width: 100%; | |
| 684 | + left: 0; | |
| 685 | + } | |
| 686 | + 100% { | |
| 687 | + width: 0%; | |
| 688 | + left: 100%; | |
| 689 | + } | |
| 615 | 690 | } |
| 616 | 691 | .lp-edit-quiz-wrap .heading { |
| 617 | 692 | display: flex; |
| 618 | 693 | flex-direction: row; |
