| @@ -23,8 +23,9 @@ | ||
| 23 | 23 | } |
| 24 | 24 | } |
| 25 | 25 | .learn-press-message { |
| 26 | 26 | position: relative; |
| 27 | + margin: 0 !important; | |
| 27 | 28 | padding: 10px 20px; |
| 28 | 29 | border-radius: var(--lp-border-radius, 5px); |
| 29 | 30 | background-color: #E5F7FF; |
| 30 | 31 | color: #007AFF; |
| @@ -32,8 +33,9 @@ | ||
| 32 | 33 | } |
| 33 | 34 | .learn-press-message.error { |
| 34 | 35 | background-color: #FEE5E5; |
| 35 | 36 | color: #FF3B30; |
| 37 | + border-right: none; | |
| 36 | 38 | } |
| 37 | 39 | .learn-press-message.warning { |
| 38 | 40 | background-color: #FEF7E6; |
| 39 | 41 | color: #FF9500; |
| @@ -112,8 +114,9 @@ | ||
| 112 | 114 | font-size: 1rem; |
| 113 | 115 | /** |
| 114 | 116 | * Style for the buttons |
| 115 | 117 | */ |
| 118 | + /* 5. Minimal Bottom Line */ | |
| 116 | 119 | } |
| 117 | 120 | .lp-popup-items-to-select .lp-btn-edit-primary { |
| 118 | 121 | border: none; |
| 119 | 122 | background: #135e96; |
| @@ -126,8 +129,32 @@ | ||
| 126 | 129 | background: #135E96; |
| 127 | 130 | color: #fff; |
| 128 | 131 | opacity: 1; |
| 129 | 132 | } |
| 133 | +.lp-popup-items-to-select .btn-line::after { | |
| 134 | + content: ""; | |
| 135 | + position: absolute; | |
| 136 | + bottom: 0; | |
| 137 | + right: 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 | + right: 0; | |
| 147 | + } | |
| 148 | + 50% { | |
| 149 | + width: 100%; | |
| 150 | + right: 0; | |
| 151 | + } | |
| 152 | + 100% { | |
| 153 | + width: 0%; | |
| 154 | + right: 100%; | |
| 155 | + } | |
| 156 | +} | |
| 130 | 157 | .lp-popup-items-to-select .header { |
| 131 | 158 | position: relative; |
| 132 | 159 | } |
| 133 | 160 | .lp-popup-items-to-select .header .header-count-items-selected { |
| @@ -598,8 +625,9 @@ | ||
| 598 | 625 | background-color: #F4FCFF; |
| 599 | 626 | /** |
| 600 | 627 | * Style for the buttons |
| 601 | 628 | */ |
| 629 | + /* 5. Minimal Bottom Line */ | |
| 602 | 630 | /*.lp-btn-add-section { |
| 603 | 631 | border: none; |
| 604 | 632 | background: rgba(19, 94, 150, 0.5); |
| 605 | 633 | color: #fff; |
| @@ -627,8 +655,32 @@ | ||
| 627 | 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 { |
| 628 | 656 | background: #135E96; |
| 629 | 657 | color: #fff; |
| 630 | 658 | opacity: 1; |
| 659 | +} | |
| 660 | +#lp-course-edit-curriculum .add-new-section .btn-line::after { | |
| 661 | + content: ""; | |
| 662 | + position: absolute; | |
| 663 | + bottom: 0; | |
| 664 | + right: 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 | + right: 0; | |
| 674 | + } | |
| 675 | + 50% { | |
| 676 | + width: 100%; | |
| 677 | + right: 0; | |
| 678 | + } | |
| 679 | + 100% { | |
| 680 | + width: 0%; | |
| 681 | + right: 100%; | |
| 682 | + } | |
| 631 | 683 | } |
| 632 | 684 | #lp-course-edit-curriculum .lp-add-item-type { |
| 633 | 685 | border: 1px solid #2271B1; |
| 634 | 686 | margin-bottom: 10px; |
