diff options
author | Connor Smallman <connor.smallman@bedegaming.com> | 2017-01-03 19:13:47 +0000 |
---|---|---|
committer | Connor Smallman <connor.smallman@bedegaming.com> | 2017-01-11 07:12:38 +0000 |
commit | f68a715366e3ecbdd479e363576842e1a9dfc559 (patch) | |
tree | 157c63566dd87c02b7d0dc8d33761fe8a37c36f8 /app/assets/stylesheets/framework/layout.scss | |
parent | 8dc2163ce580f1d71be1cf45e5dfcb2b4763d7bb (diff) | |
download | gitlab-ce-f68a715366e3ecbdd479e363576842e1a9dfc559.tar.gz |
Removed `hidden-xs` class from alerts
Centered alert text and prevented alert actions links from floating
right for viewports below medium width (992px)
Centered alert text stopped alert actions from floating right for viewports below medium width (992px)
Update styles to use correct screen width variable for max-width media query
Added unreleased changelog
Added class to alert links wrapper
Updated styles for new class, float alert links on larger screens
Diffstat (limited to 'app/assets/stylesheets/framework/layout.scss')
-rw-r--r-- | app/assets/stylesheets/framework/layout.scss | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/layout.scss b/app/assets/stylesheets/framework/layout.scss index 5365b62e456..29d55c44699 100644 --- a/app/assets/stylesheets/framework/layout.scss +++ b/app/assets/stylesheets/framework/layout.scss @@ -41,6 +41,21 @@ body { } } + .alert-link-group { + float: right; + } + + /* Center alert text and alert action links on smaller screens */ + @media (max-width: $screen-sm-max) { + .alert { + text-align: center; + } + + .alert-link-group { + float: none; + } + } + /* Stripe the background colors so that adjacent alert-warnings are distinct from one another */ .alert-warning { transition: background-color 0.15s, border-color 0.15s; |