diff options
| author | Thomas Randolph <trandolph@gitlab.com> | 2019-08-09 22:14:55 -0600 |
|---|---|---|
| committer | Thomas Randolph <trandolph@gitlab.com> | 2019-08-12 08:41:29 -0600 |
| commit | 93885210de12ca851729378805978d55fd34a606 (patch) | |
| tree | 9518c2743eb3641749f8a285085deaa0700a6c44 | |
| parent | d2ecbd747b148d965a7f7ab4f438ad02ca21faf9 (diff) | |
| download | gitlab-ce-64068-picture-and-text-misaligned-in-namespace-selection-buttons.tar.gz | |
Maintain centering for picture avatars64068-picture-and-text-misaligned-in-namespace-selection-buttons
| -rw-r--r-- | app/assets/stylesheets/components/avatar.scss | 12 | ||||
| -rw-r--r-- | changelogs/unreleased/64068-picture-and-text-misaligned-in-namespace-selection-buttons.yml | 5 |
2 files changed, 17 insertions, 0 deletions
diff --git a/app/assets/stylesheets/components/avatar.scss b/app/assets/stylesheets/components/avatar.scss index 312123aeef9..bb17d278718 100644 --- a/app/assets/stylesheets/components/avatar.scss +++ b/app/assets/stylesheets/components/avatar.scss @@ -183,6 +183,18 @@ $identicon-backgrounds: $identicon-red, $identicon-purple, $identicon-indigo, $i min-width: 64px; min-height: 64px; } + + .fork-thumbnail & { + $all-sizes: []; + @each $size, $_ in $avatar-sizes { + $all-sizes: append($all-sizes, unquote('&.s#{$size}')); + } + + #{join([], $all-sizes, $separator: comma)} { + // When inside the fork button, avatars should have auto right margins + margin-right: auto; + } + } } .rect-avatar { diff --git a/changelogs/unreleased/64068-picture-and-text-misaligned-in-namespace-selection-buttons.yml b/changelogs/unreleased/64068-picture-and-text-misaligned-in-namespace-selection-buttons.yml new file mode 100644 index 00000000000..3e0e8b891d8 --- /dev/null +++ b/changelogs/unreleased/64068-picture-and-text-misaligned-in-namespace-selection-buttons.yml @@ -0,0 +1,5 @@ +--- +title: Center avatars in fork namespace buttons +merge_request: 31684 +author: +type: fixed |