openstack/horizon
Code Issues Proposed changes

Fix the alert close size problem in material theme

Browse Source 
The problem was casued by .close class in _bootswatch.scss. The
size is 34px while correct size should 19.5px. Patch the fix to
have a smaller size.

When alert message has one line the close button is centered now.
When alert message has multiple lines, the close button is at the
right upper corner of the message box.

Change-Id: Ic5af8ae7e2b4ed0e136fad205a03b3f2368f72a9
Closes-bug: #1550066
This commit is contained in:
gugl 2017-04-18 13:19:08 -07:00
parent 5c6a919590
commit d6ad0fe30d
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
openstack_dashboard/themes/material/static/bootstrap/_styles.scss
View File

@ -25,3 +25,7 @@
.alert a:not(.close).btn-danger {
color: $btn-danger-color;
}
.alert a.close {
font-size: $font-size-h5;
}