| @@ -114,8 +114,9 @@ | ||
| 114 | 114 | font-size: 1rem; |
| 115 | 115 | /** |
| 116 | 116 | * Style for the buttons |
| 117 | 117 | */ |
| 118 | + /* 5. Minimal Bottom Line */ | |
| 118 | 119 | } |
| 119 | 120 | .lp-popup-items-to-select .lp-btn-edit-primary { |
| 120 | 121 | border: none; |
| 121 | 122 | background: #135e96; |
| @@ -128,8 +129,32 @@ | ||
| 128 | 129 | background: #135E96; |
| 129 | 130 | color: #fff; |
| 130 | 131 | opacity: 1; |
| 131 | 132 | } |
| 133 | +.lp-popup-items-to-select .btn-line::after { | |
| 134 | + content: ""; | |
| 135 | + position: absolute; | |
| 136 | + bottom: 0; | |
| 137 | + left: 0; | |
| 138 | + height: 4px; | |
| 139 | + width: 0%; | |
| 140 | + background-color: #38bdf8; | |
| 141 | + animation: lineLoad 2s ease-in-out infinite; | |
| 142 | +} | |
| 143 | +@keyframes lineLoad { | |
| 144 | + 0% { | |
| 145 | + width: 0%; | |
| 146 | + left: 0; | |
| 147 | + } | |
| 148 | + 50% { | |
| 149 | + width: 100%; | |
| 150 | + left: 0; | |
| 151 | + } | |
| 152 | + 100% { | |
| 153 | + width: 0%; | |
| 154 | + left: 100%; | |
| 155 | + } | |
| 156 | +} | |
| 132 | 157 | .lp-popup-items-to-select .header { |
| 133 | 158 | position: relative; |
| 134 | 159 | } |
| 135 | 160 | .lp-popup-items-to-select .header .header-count-items-selected { |
| @@ -600,8 +625,9 @@ | ||
| 600 | 625 | background-color: #F4FCFF; |
| 601 | 626 | /** |
| 602 | 627 | * Style for the buttons |
| 603 | 628 | */ |
| 629 | + /* 5. Minimal Bottom Line */ | |
| 604 | 630 | /*.lp-btn-add-section { |
| 605 | 631 | border: none; |
| 606 | 632 | background: rgba(19, 94, 150, 0.5); |
| 607 | 633 | color: #fff; |
| @@ -629,8 +655,32 @@ | ||
| 629 | 655 | #lp-course-edit-curriculum .add-new-section .lp-btn-edit-primary:hover, #lp-course-edit-curriculum .add-new-section .lp-btn-edit-primary.active, #lp-course-edit-curriculum .add-new-section .lp-btn-edit-primary.active:hover { |
| 630 | 656 | background: #135E96; |
| 631 | 657 | color: #fff; |
| 632 | 658 | opacity: 1; |
| 659 | +} | |
| 660 | +#lp-course-edit-curriculum .add-new-section .btn-line::after { | |
| 661 | + content: ""; | |
| 662 | + position: absolute; | |
| 663 | + bottom: 0; | |
| 664 | + left: 0; | |
| 665 | + height: 4px; | |
| 666 | + width: 0%; | |
| 667 | + background-color: #38bdf8; | |
| 668 | + animation: lineLoad 2s ease-in-out infinite; | |
| 669 | +} | |
| 670 | +@keyframes lineLoad { | |
| 671 | + 0% { | |
| 672 | + width: 0%; | |
| 673 | + left: 0; | |
| 674 | + } | |
| 675 | + 50% { | |
| 676 | + width: 100%; | |
| 677 | + left: 0; | |
| 678 | + } | |
| 679 | + 100% { | |
| 680 | + width: 0%; | |
| 681 | + left: 100%; | |
| 682 | + } | |
| 633 | 683 | } |
| 634 | 684 | #lp-course-edit-curriculum .lp-add-item-type { |
| 635 | 685 | border: 1px solid #2271B1; |
| 636 | 686 | margin-bottom: 10px; |
