Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/matomo-org/matomo.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMatthieu Napoli <matthieu@mnapoli.fr>2015-08-05 14:34:56 +0300
committerMatthieu Napoli <matthieu@mnapoli.fr>2015-08-05 14:34:56 +0300
commit0933ce64dc08d2f7217ff7b59c798b678e789bb7 (patch)
tree7ab1922b8ef99c99b0ad18933934bd3f539a95ea /plugins/Morpheus
parent1d99307042c1211ce1273db55eb0f2d39026a15c (diff)
Vertically align icons in alerts
Diffstat (limited to 'plugins/Morpheus')
-rw-r--r--plugins/Morpheus/stylesheets/general/_forms.less2
-rw-r--r--plugins/Morpheus/stylesheets/ui/_alerts.less10
2 files changed, 7 insertions, 5 deletions
diff --git a/plugins/Morpheus/stylesheets/general/_forms.less b/plugins/Morpheus/stylesheets/general/_forms.less
index 952c262a72..afba70a812 100644
--- a/plugins/Morpheus/stylesheets/general/_forms.less
+++ b/plugins/Morpheus/stylesheets/general/_forms.less
@@ -97,9 +97,9 @@ select {
// Smaller padding to match input's heights
padding-top: 11px;
padding-bottom: 10px;
+ padding-left: 50px;
&:before {
font-size: 18px;
- top: 8px;
}
}
diff --git a/plugins/Morpheus/stylesheets/ui/_alerts.less b/plugins/Morpheus/stylesheets/ui/_alerts.less
index 1c606ed867..d27917231a 100644
--- a/plugins/Morpheus/stylesheets/ui/_alerts.less
+++ b/plugins/Morpheus/stylesheets/ui/_alerts.less
@@ -1,6 +1,6 @@
// Code taken from Bootstrap (can be removed in the future)
.alert {
- padding: 20px 20px 20px 55px;
+ padding: 20px 20px 20px 60px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 2px;
@@ -12,7 +12,9 @@
font-size: 24px;
position: absolute;
left: 20px;
- top: 13px;
+ top: 50%;
+ // Not supported on IE8
+ transform: translateY(-50%);
}
a {
@@ -32,11 +34,11 @@
color: #838383;
background-color: #F5F5F5;
font-size: 13px;
- padding: 15px 20px 15px 55px;
+ padding-top: 15px;
+ padding-bottom: 15px;
&:before {
color: #afafaf;
font-size: 20px;
- top: 10px;
}
}
.alert-warning {