Commit d25a473a8747e6aaf0af81cac1a441d7bed6420c

Authored by Bruna Moreira
1 parent 23a5b22a
Exists in pkg_fixes

Fix Warning Notification Floating

Signed-off-by: BrunaMoreira <brunanayaramlima@gmail.com>
css/notifications.css 0 → 100644
... ... @@ -0,0 +1,145 @@
  1 +.environment-notification-plugin-notification-bar{
  2 + display: block;
  3 +}
  4 +
  5 +#environment-notification-plugin-notification-manager{
  6 + overflow: auto;
  7 +}
  8 +
  9 +.environment-notification-plugin-notification-bar .notification .notification-close,
  10 +.environment-notification-plugin-notification-notification-modal .notification .notification-close{
  11 + background: url(public/images/close.png) no-repeat;
  12 + background-position: center;
  13 + width: 20px;
  14 + height: 20px;
  15 +}
  16 +
  17 +.environment-notification-plugin-notification-bar .warningnotification,
  18 +.environment-notification-plugin-notification-bar .informationnotification,
  19 +.environment-notification-plugin-notification-bar .successnotification,
  20 +.environment-notification-plugin-notification-bar .dangernotification,
  21 +.environment-notification-plugin-notification-bar .adminnotification,
  22 +.environment-notification-plugin-notification-notification-modal .warningnotification,
  23 +.environment-notification-plugin-notification-notification-modal .informationnotification,
  24 +.environment-notification-plugin-notification-notification-modal .successnotification,
  25 +.environment-notification-plugin-notification-notification-modal .dangernotification{
  26 + margin-bottom: 38px;
  27 + padding: 15px;
  28 + border-radius: 4px;
  29 + border: 1px solid blue;
  30 + font-size: 14px;
  31 + color: #FFFFFF;
  32 + overflow: auto;
  33 +}
  34 +
  35 +.environment-notification-plugin-notification-bar .warningnotification p,
  36 +.environment-notification-plugin-notification-bar .informationnotification p,
  37 +.environment-notification-plugin-notification-bar .successnotification p,
  38 +.environment-notification-plugin-notification-bar .dangernotification p,
  39 +.environment-notification-plugin-notification-bar .adminnotification p,
  40 +.environment-notification-plugin-notification-notification-modal .warningnotification p,
  41 +.environment-notification-plugin-notification-notification-modal .informationnotification p,
  42 +.environment-notification-plugin-notification-notification-modal .successnotification p,
  43 +.environment-notification-plugin-notification-notification-modal .dangernotification p{
  44 + margin: 0px;
  45 +}
  46 +
  47 +.environment-notification-plugin-notification-bar .warningnotification,
  48 +.environment-notification-plugin-notification-notification-modal .warningnotification{
  49 + background: #fcf8e3;
  50 + border: 1px solid #faebcc;
  51 + color: #8a6d3b;
  52 +}
  53 +
  54 +.environment-notification-plugin-notification-bar .warningnotification p a,
  55 +.environment-notification-plugin-notification-notification-modal .warningnotification p a{
  56 + font-weight: bold;
  57 + color: #8a6d3b;
  58 +}
  59 +
  60 +
  61 +.environment-notification-plugin-notification-bar .informationnotification,
  62 +.environment-notification-plugin-notification-notification-modal .informationnotification{
  63 + background: #d9edf7;
  64 + border: 1px solid #bce8f1;
  65 + color: #31708f;
  66 +}
  67 +
  68 +.environment-notification-plugin-notification-bar .informationnotification p a,
  69 +.environment-notification-plugin-notification-notification-modal .informationnotification p a{
  70 + font-weight: bold;
  71 + color: #31708f;
  72 +}
  73 +
  74 +.environment-notification-plugin-notification-bar .successnotification,
  75 +.environment-notification-plugin-notification-notification-modal .successnotification{
  76 + background: #dff0d8;
  77 + border: 1px solid #d6e9c6;
  78 + color: #3c763d;
  79 +}
  80 +
  81 +.environment-notification-plugin-notification-bar .successnotification p a
  82 +.environment-notification-plugin-notification-notification-modal .successnotification p a{
  83 + font-weight: bold;
  84 + color: #3c763d;
  85 +}
  86 +
  87 +.environment-notification-plugin-notification-bar .dangernotification,
  88 +.environment-notification-plugin-notification-notification-modal .dangernotification{
  89 + background: #f2dede;
  90 + border: 1px solid #ebccd1;
  91 + color: #a94442;
  92 +}
  93 +
  94 +.environment-notification-plugin-notification-bar .dangernotification p a,
  95 +.environment-notification-plugin-notification-notification-modal .dangernotification p a{
  96 + font-weight: bold;
  97 + color: #a94442;
  98 +}
  99 +
  100 +.environment-notification-plugin-notification-bar .adminnotification,
  101 +.environment-notification-plugin-notification-notification-modal .adminnotification{
  102 + background: #9a959a;
  103 + border: 1px solid #9a959a;
  104 +}
  105 +
  106 +.environment-notification-plugin-notification-bar .adminnotification p a,
  107 +.environment-notification-plugin-notification-notification-modal .adminnotification p a{
  108 + font-weight: bold;
  109 + color: white;
  110 +}
  111 +
  112 +.environment-notification-plugin-notification-bar .notification .notification-message,
  113 +.environment-notification-plugin-notification-notification-modal .notification .notification-message{
  114 + width: 90%;
  115 + float: left;
  116 +}
  117 +
  118 +.environment-notification-plugin-notification-bar .notification .notification-close{
  119 + background: url(../images/redclose.png) no-repeat;
  120 + background-position: center;
  121 + width: 20px;
  122 + height: 20px;
  123 + float: right;
  124 + cursor: pointer;
  125 +}
  126 +
  127 +.environment-notification-plugin-notification-bar .notification .notification-hide{
  128 + background: url(../images/greenhide.png) no-repeat;
  129 + background-position: center;
  130 + width: 20px;
  131 + height: 20px;
  132 + float: right;
  133 + cursor: pointer;
  134 +}
  135 +
  136 +.environment-notification-plugin-notification-notification-modal{
  137 + display: block;
  138 + min-width: 400px;
  139 + max-width: 700px;
  140 +}
  141 +
  142 +.environment-notification-plugin-form .notification-variables-options{
  143 + font-style: italic;
  144 + color: red;
  145 +}
... ...
images/close.png 0 → 100644

240 Bytes

images/greenhide.png 0 → 100644

794 Bytes

images/hide.png 0 → 100644

389 Bytes

images/redclose.png 0 → 100644

552 Bytes

images/show.png 0 → 100644

364 Bytes

style.css
... ... @@ -25,6 +25,7 @@
25 25 @import url(css/software-catalog-page.css);
26 26 @import url(css/tooltip.css);
27 27 @import url(css/popover.css);
  28 +@import url(css/notifications.css);
28 29  
29 30 @font-face{
30 31 font-weight: normal;
... ...