| @@ -80,17 +80,20 @@ | ||
| 80 | 80 | cursor: pointer; |
| 81 | 81 | } |
| 82 | 82 | .lp-button.loading { |
| 83 | 83 | position: relative; |
| 84 | - display: flex; | |
| 84 | + display: inline-flex; | |
| 85 | 85 | align-items: center; |
| 86 | 86 | justify-content: center; |
| 87 | 87 | pointer-events: none; |
| 88 | - color: rgba(0, 0, 0, 0.2) !important; | |
| 88 | + color: rgba(0, 0, 0, 0) !important; | |
| 89 | 89 | } |
| 90 | 90 | .lp-button.loading:before { |
| 91 | 91 | position: absolute; |
| 92 | - display: inline-block; | |
| 92 | + inset: 0; | |
| 93 | + display: flex; | |
| 94 | + align-items: center; | |
| 95 | + justify-content: center; | |
| 93 | 96 | font-family: "lp-icon"; |
| 94 | 97 | content: "\f110"; |
| 95 | 98 | animation: lp-rotating 1s linear infinite; |
| 96 | 99 | font-variant: normal; |
| @@ -96,38 +99,68 @@ | ||
| 96 | 99 | font-variant: normal; |
| 97 | 100 | text-transform: none; |
| 98 | 101 | -webkit-font-smoothing: antialiased; |
| 99 | 102 | -moz-osx-font-smoothing: grayscale; |
| 100 | - vertical-align: middle; | |
| 101 | 103 | color: black; |
| 102 | 104 | } |
| 103 | 105 | |
| 104 | 106 | .learn-press-message { |
| 105 | 107 | position: relative; |
| 108 | + display: flex; | |
| 109 | + align-items: center; | |
| 106 | 110 | margin: 0 !important; |
| 107 | - padding: 10px 20px; | |
| 111 | + padding: 10px; | |
| 108 | 112 | border-radius: var(--lp-border-radius, 5px); |
| 109 | 113 | background-color: #E5F7FF; |
| 110 | 114 | color: #007AFF; |
| 111 | 115 | max-width: 100%; |
| 112 | 116 | } |
| 117 | +.learn-press-message::before { | |
| 118 | + display: inline-block; | |
| 119 | + margin-right: 8px; | |
| 120 | + font-family: "lp-icon"; | |
| 121 | + font-size: 20px; | |
| 122 | + font-style: normal; | |
| 123 | + font-weight: normal; | |
| 124 | + line-height: 1; | |
| 125 | +} | |
| 113 | 126 | .learn-press-message.error { |
| 114 | 127 | background-color: #FEE5E5; |
| 115 | 128 | color: #FF3B30; |
| 116 | - border-left: none; | |
| 129 | + border: 1px solid #E31A1A; | |
| 130 | + padding: 10px 20px; | |
| 117 | 131 | } |
| 132 | +.learn-press-message.error::before { | |
| 133 | + content: "\f071"; | |
| 134 | + color: #E31A1A; | |
| 135 | +} | |
| 118 | 136 | .learn-press-message.warning { |
| 119 | 137 | background-color: #FEF7E6; |
| 120 | 138 | color: #FF9500; |
| 139 | + border: 1px solid #F8A100; | |
| 121 | 140 | } |
| 141 | +.learn-press-message.warning::before { | |
| 142 | + content: "\f06a"; | |
| 143 | + color: #F8A100; | |
| 144 | +} | |
| 122 | 145 | .learn-press-message.success { |
| 123 | 146 | background-color: #EBF8E5; |
| 124 | 147 | color: #3AB500; |
| 148 | + border: 1px solid #28A746; | |
| 125 | 149 | } |
| 150 | +.learn-press-message.success::before { | |
| 151 | + content: "\f058"; | |
| 152 | + color: #28A746; | |
| 153 | +} | |
| 126 | 154 | .learn-press-message.info { |
| 127 | 155 | background-color: rgba(0, 122, 255, 0.1019607843); |
| 128 | 156 | color: #007AFF; |
| 157 | + border: 1px solid #2E91FA; | |
| 129 | 158 | } |
| 159 | +.learn-press-message.info::before { | |
| 160 | + content: "\e931"; | |
| 161 | + color: #2E91FA; | |
| 162 | +} | |
| 130 | 163 | .learn-press-message a { |
| 131 | 164 | text-decoration: underline; |
| 132 | 165 | } |
| 133 | 166 | |
| @@ -740,9 +773,12 @@ | ||
| 740 | 773 | outline: none; |
| 741 | 774 | } |
| 742 | 775 | .course-curriculum .section-item__loadmore.loading button:before { |
| 743 | 776 | position: absolute; |
| 744 | - display: inline-block; | |
| 777 | + inset: 0; | |
| 778 | + display: flex; | |
| 779 | + align-items: center; | |
| 780 | + justify-content: center; | |
| 745 | 781 | font-family: "lp-icon"; |
| 746 | 782 | content: "\f110"; |
| 747 | 783 | animation: lp-rotating 1s linear infinite; |
| 748 | 784 | font-variant: normal; |
| @@ -748,9 +784,8 @@ | ||
| 748 | 784 | font-variant: normal; |
| 749 | 785 | text-transform: none; |
| 750 | 786 | -webkit-font-smoothing: antialiased; |
| 751 | 787 | -moz-osx-font-smoothing: grayscale; |
| 752 | - vertical-align: middle; | |
| 753 | 788 | color: black; |
| 754 | 789 | } |
| 755 | 790 | .course-curriculum .section-header { |
| 756 | 791 | display: table; |
| @@ -967,9 +1002,12 @@ | ||
| 967 | 1002 | margin-bottom: 20px; |
| 968 | 1003 | } |
| 969 | 1004 | .course-curriculum .curriculum-more__button.loading:before { |
| 970 | 1005 | position: absolute; |
| 971 | - display: inline-block; | |
| 1006 | + inset: 0; | |
| 1007 | + display: flex; | |
| 1008 | + align-items: center; | |
| 1009 | + justify-content: center; | |
| 972 | 1010 | font-family: "lp-icon"; |
| 973 | 1011 | content: "\f110"; |
| 974 | 1012 | animation: lp-rotating 1s linear infinite; |
| 975 | 1013 | font-variant: normal; |
| @@ -975,9 +1013,8 @@ | ||
| 975 | 1013 | font-variant: normal; |
| 976 | 1014 | text-transform: none; |
| 977 | 1015 | -webkit-font-smoothing: antialiased; |
| 978 | 1016 | -moz-osx-font-smoothing: grayscale; |
| 979 | - vertical-align: middle; | |
| 980 | 1017 | color: black; |
| 981 | 1018 | } |
| 982 | 1019 | |
| 983 | 1020 | body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course { |
| @@ -1594,9 +1631,12 @@ | ||
| 1594 | 1631 | } |
| 1595 | 1632 | .wp-block-learnpress-course-button-read-more.loading:before, |
| 1596 | 1633 | .wp-block-learnpress-course-button.loading:before { |
| 1597 | 1634 | position: absolute; |
| 1598 | - display: inline-block; | |
| 1635 | + inset: 0; | |
| 1636 | + display: flex; | |
| 1637 | + align-items: center; | |
| 1638 | + justify-content: center; | |
| 1599 | 1639 | font-family: "lp-icon"; |
| 1600 | 1640 | content: "\f110"; |
| 1601 | 1641 | animation: lp-rotating 1s linear infinite; |
| 1602 | 1642 | font-variant: normal; |
| @@ -1602,9 +1642,8 @@ | ||
| 1602 | 1642 | font-variant: normal; |
| 1603 | 1643 | text-transform: none; |
| 1604 | 1644 | -webkit-font-smoothing: antialiased; |
| 1605 | 1645 | -moz-osx-font-smoothing: grayscale; |
| 1606 | - vertical-align: middle; | |
| 1607 | 1646 | color: black; |
| 1608 | 1647 | } |
| 1609 | 1648 | |
| 1610 | 1649 | @media (min-width: 992px) { |
