Improve styling of alert boxes to match new sidebar styling
This commit is contained in:
parent
d1e10d2313
commit
be585d1403
4 changed files with 17 additions and 34 deletions
|
@ -100,16 +100,19 @@ h2 {
|
||||||
* undergoing maintenance.
|
* undergoing maintenance.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
#alert {
|
.sidebar-alert {
|
||||||
width: 170px;
|
padding: 0px 5px 0.1px 5px;
|
||||||
margin: 5px;
|
border-top: 1px solid #ccc;
|
||||||
padding: 5px;
|
margin-top: 4px;
|
||||||
border: 1px solid #ccc;
|
margin-bottom: -4px;
|
||||||
background: #d00;
|
background: #e00;
|
||||||
line-height: 1.2em;
|
font-size: 13px;
|
||||||
font-size: 14px;
|
font-weight: bold;
|
||||||
border-radius: 5px;
|
line-height: 17px;
|
||||||
-moz-border-radius: 5px;
|
|
||||||
|
p {
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
|
@ -6,16 +6,6 @@ html body {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
* Rules for alert boxes shown in the left sidebar when important
|
|
||||||
* information needs to be conveyed such as when the site is
|
|
||||||
* undergoing maintenance.
|
|
||||||
*/
|
|
||||||
|
|
||||||
#alert {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Rules for notice boxes shown in the left sidebar when important, but
|
* Rules for notice boxes shown in the left sidebar when important, but
|
||||||
* non-critical information needs to be conveyed such as notices about
|
* non-critical information needs to be conveyed such as notices about
|
||||||
|
|
|
@ -6,16 +6,6 @@ html body {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
* Rules for alert boxes shown in the left sidebar when important
|
|
||||||
* information needs to be conveyed such as when the site is
|
|
||||||
* undergoing maintenance.
|
|
||||||
*/
|
|
||||||
|
|
||||||
#alert {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Rules for notice boxes shown in the left sidebar when important, but
|
* Rules for notice boxes shown in the left sidebar when important, but
|
||||||
* non-critical information needs to be conveyed such as notices about
|
* non-critical information needs to be conveyed such as notices about
|
||||||
|
|
|
@ -86,12 +86,12 @@
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
<% if STATUS == :database_offline or STATUS == :api_offline %>
|
<% if STATUS == :database_offline or STATUS == :api_offline %>
|
||||||
<div id="alert">
|
<div class="sidebar-alert">
|
||||||
<%= t 'layouts.osm_offline' %>
|
<p><%= t 'layouts.osm_offline' %></p>
|
||||||
</div>
|
</div>
|
||||||
<% elsif STATUS == :database_readonly or STATUS == :api_readonly %>
|
<% elsif STATUS == :database_readonly or STATUS == :api_readonly %>
|
||||||
<div id="alert">
|
<div id="sidebar-alert">
|
||||||
<%= t 'layouts.osm_read_only' %>
|
<p><%= t 'layouts.osm_read_only' %></p>
|
||||||
</div>
|
</div>
|
||||||
<% end %>
|
<% end %>
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue