| @@ -138,8 +138,9 @@ | ||
| 138 | 138 | grid-template-columns: 1fr 1fr; |
| 139 | 139 | /** |
| 140 | 140 | * Style for the buttons |
| 141 | 141 | */ |
| 142 | + /* 5. Minimal Bottom Line */ | |
| 142 | 143 | } |
| 143 | 144 | .lp-question-edit-main [class*=lp-icon-] { |
| 144 | 145 | font-size: 1.25rem; |
| 145 | 146 | color: #787c82; |
| @@ -185,8 +186,32 @@ | ||
| 185 | 186 | .lp-question-edit-main .lp-btn-edit-primary:hover, .lp-question-edit-main .lp-btn-edit-primary.active, .lp-question-edit-main .lp-btn-edit-primary.active:hover { |
| 186 | 187 | background: #135E96; |
| 187 | 188 | color: #fff; |
| 188 | 189 | opacity: 1; |
| 190 | +} | |
| 191 | +.lp-question-edit-main .btn-line::after { | |
| 192 | + content: ""; | |
| 193 | + position: absolute; | |
| 194 | + bottom: 0; | |
| 195 | + right: 0; | |
| 196 | + height: 4px; | |
| 197 | + width: 0%; | |
| 198 | + background-color: #38bdf8; | |
| 199 | + animation: lineLoad 2s ease-in-out infinite; | |
| 200 | +} | |
| 201 | +@keyframes lineLoad { | |
| 202 | + 0% { | |
| 203 | + width: 0%; | |
| 204 | + right: 0; | |
| 205 | + } | |
| 206 | + 50% { | |
| 207 | + width: 100%; | |
| 208 | + right: 0; | |
| 209 | + } | |
| 210 | + 100% { | |
| 211 | + width: 0%; | |
| 212 | + right: 100%; | |
| 213 | + } | |
| 189 | 214 | } |
| 190 | 215 | |
| 191 | 216 | .question-edit-details .lp-section-collapse { |
| 192 | 217 | padding: 0; |
