Permalink
Browse files

[Bug 792918] Improve CSS for the stage warning.

Before the notice looked different on the feedback and the dashboard
pages, because of different included styles. Now the style is included
with the notice, so it will be consistent across the site.
  • Loading branch information...
1 parent 7cea16d commit 8add2f50d6c9dd8935c9976531576eea97f24cd7 @mythmon committed Sep 20, 2012
Showing with 38 additions and 33 deletions.
  1. +0 −33 fjord/base/static/css/fjord.less
  2. +34 −0 fjord/base/static/css/stage.less
  3. +1 −0 fjord/base/templates/base.html
  4. +3 −0 fjord/settings/base.py
@@ -318,39 +318,6 @@ header {
}
}
-.stage-banner {
- padding: 15px 20px 15px 25px;
- background: padding-box rgba(0, 0, 0, 0.7);
- border-radius: 5px;
- z-index: 9999;
- box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
- position: fixed;
- left: 20px;
- top: 50px;
- color: white;
-}
-
-.close-button {
- position: absolute;
- left: -8px;
- top: -8px;
- width: 21px;
- height: 21px;
- cursor: pointer;
- font-size: 0;
- background: #000;
- border: 2px solid #FFF;
- border-radius: 21px;
- text-align: center;
-
- &:before {
- content: "x";
- font-size: 18px;
- padding: auto;
- }
-}
-
-
// Sprites
.sprite {
@@ -0,0 +1,34 @@
+.stage-banner {
+ padding: 15px 20px 15px 25px;
+ background: padding-box rgba(0, 0, 0, 0.7);
+ border-radius: 5px;
+ z-index: 9999;
+ box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
+ position: fixed;
+ left: 20px;
+ top: 50px;
+ color: white;
+ font-size: 14px;
+ font-weight: normal;
+}
+
+.close-button {
+ position: absolute;
+ left: -8px;
+ top: -8px;
+ width: 21px;
+ height: 21px;
+ cursor: pointer;
+ font-size: 0;
+ background: #000;
+ border: 2px solid #FFF;
+ border-radius: 21px;
+ text-align: center;
+
+ &:before {
+ content: "x";
+ font-size: 18px;
+ padding: auto;
+ }
+}
+
@@ -37,6 +37,7 @@ <h1 class="title"><a href="/">
{% endblock site_header %}
{% if settings.SHOW_STAGE_NOTICE %}
+ {{ css('stage') }}
<div class="stage-banner">
<div class="close-button">X</div>
This is a dev/staging site. The production site is
@@ -68,6 +68,9 @@
'css/fjord.less',
'css/dashboard.less',
),
+ 'stage': (
+ 'css/stage.less',
+ ),
},
'js': {
'base': (

0 comments on commit 8add2f5

Please sign in to comment.