Skip to content

Commit

Permalink
fix: remove active page link when in long mode (#3009)
Browse files Browse the repository at this point in the history
* fix: pagination active link when in long mode

* fix: pagination styles specificity
  • Loading branch information
platon-rov committed Dec 22, 2021
1 parent e20821b commit c0dab80
Showing 1 changed file with 26 additions and 4 deletions.
30 changes: 26 additions & 4 deletions src/styles/pagination.scss
Expand Up @@ -24,6 +24,12 @@ $block: #{$fd-namespace}-pagination;
.#{$block}__input {
display: flex;
}

.#{$block}__link {
@include fd-active() {
display: none;
}
}
}

.#{$block} {
Expand Down Expand Up @@ -60,10 +66,10 @@ $block: #{$fd-namespace}-pagination;
}

&__more,
&__button,
&__link,
&__input,
&__label {
.#{$block}__button,
.#{$block}__link,
.#{$block}__input,
.#{$block}__label {
@include fd-set-margins-x-equal(0.125rem);
}

Expand Down Expand Up @@ -95,6 +101,16 @@ $block: #{$fd-namespace}-pagination;
display: none;
}

.#{$block}__total-label {
margin: 0;
}

.#{$block}__link {
@include fd-active() {
display: none;
}
}

.#{$block}__button {
[class*='sap-icon'] {
@include fd-rtl() {
Expand All @@ -108,6 +124,12 @@ $block: #{$fd-namespace}-pagination;
}

&--short {
.#{$block}__link {
@include fd-active() {
display: flex;
}
}

.#{$block}__input {
display: none;
}
Expand Down

0 comments on commit c0dab80

Please sign in to comment.