@import '_variables';
@import '_mixins';
+my-small-loader ::ng-deep .root {
+ display: inline-block;
+ margin: 0 3px 0 0;
+ width: 20px;
+}
+
.action-button {
@include peertube-button-link;
+ @include button-with-icon(21px, 0, -2px);
- font-size: 15px;
- font-weight: $font-semibold;
- color: #585858;
- background-color: #E5E5E5;
-
- &:hover {
- background-color: #EFEFEF;
- }
-
- .icon {
- @include icon(21px);
-
- position: relative;
- top: -2px;
-
- &.icon-edit {
- background-image: url('../../../assets/images/global/edit-grey.svg');
- }
-
- &.icon-delete-grey {
- background-image: url('../../../assets/images/global/delete-grey.svg');
- }
-
- &.icon-im-with-her {
- background-image: url('../../../assets/images/global/im-with-her.svg');
- }
-
- &.icon-tick {
- background-image: url('../../../assets/images/global/tick.svg');
- }
-
- &.icon-cross {
- background-image: url('../../../assets/images/global/cross.svg');
- }
+ // FIXME: Firefox does not apply global .orange-button icon color
+ &.orange-button {
+ @include apply-svg-color(#fff)
}
}