syncope-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From mdisabat...@apache.org
Subject syncope git commit: [SYNCOPE-156] Notification component, fixed css
Date Tue, 29 Dec 2015 14:13:31 GMT
Repository: syncope
Updated Branches:
  refs/heads/master 2261b8243 -> cb1ac36d8


[SYNCOPE-156] Notification component, fixed css


Project: http://git-wip-us.apache.org/repos/asf/syncope/repo
Commit: http://git-wip-us.apache.org/repos/asf/syncope/commit/cb1ac36d
Tree: http://git-wip-us.apache.org/repos/asf/syncope/tree/cb1ac36d
Diff: http://git-wip-us.apache.org/repos/asf/syncope/diff/cb1ac36d

Branch: refs/heads/master
Commit: cb1ac36d80e83f6d06eb44897e5c56dc3ec931b0
Parents: 2261b82
Author: Marco Di Sabatino Di Diodoro <mdisabatino@apache.org>
Authored: Tue Dec 29 15:13:18 2015 +0100
Committer: Marco Di Sabatino Di Diodoro <mdisabatino@apache.org>
Committed: Tue Dec 29 15:13:18 2015 +0100

----------------------------------------------------------------------
 .../META-INF/resources/css/syncopeConsole.css   | 37 ++++++++++++--------
 .../console/panels/NotificationPanel.html       |  8 ++---
 2 files changed, 27 insertions(+), 18 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/syncope/blob/cb1ac36d/client/console/src/main/resources/META-INF/resources/css/syncopeConsole.css
----------------------------------------------------------------------
diff --git a/client/console/src/main/resources/META-INF/resources/css/syncopeConsole.css b/client/console/src/main/resources/META-INF/resources/css/syncopeConsole.css
index 8478d22..a0391f0 100644
--- a/client/console/src/main/resources/META-INF/resources/css/syncopeConsole.css
+++ b/client/console/src/main/resources/META-INF/resources/css/syncopeConsole.css
@@ -377,17 +377,21 @@ div.searchResult{
 .errorNotification {
   width: 300px;
   height: 100px;
+  vertical-align: middle;
+  display: table-cell;
 }
 
-.errorNotification h3 {
-  font-size: 1em;
-  padding: 10px 10px 5px;
+.errorNotification #level {
+  float: left; 
+  padding-left: 10px; 
+  font-size: 2em; 
+  width: 2%;
 }
 
-.errorNotification span {
-  float: left;
-  margin: 30px 15px 30px 15px;
-  font-size: 2em;
+.errorNotification #message {
+  float: right; 
+  padding-left: 0px; 
+  width:85%
 }
 
 .k-notification-success.k-group {
@@ -398,15 +402,20 @@ div.searchResult{
 .successNotification {
   width: 300px;
   height: 100px;
+  vertical-align: middle;
+  display: table-cell;
 }
 
-.successNotification h3 {
-  font-size: 1em;
-  padding: 32px 10px 5px;
+.successNotification #level {
+  float: left; 
+  padding-left: 10px; 
+  font-size: 2em; 
+  width: 2%;
 }
 
-.successNotification span {
-  float: left;
-  margin: 30px 15px 30px 15px;
-  font-size: 2em;
+.successNotification #message {
+  float: right; 
+  padding-left: 0px; 
+  width:85%
 }
+

http://git-wip-us.apache.org/repos/asf/syncope/blob/cb1ac36d/client/console/src/main/resources/org/apache/syncope/client/console/panels/NotificationPanel.html
----------------------------------------------------------------------
diff --git a/client/console/src/main/resources/org/apache/syncope/client/console/panels/NotificationPanel.html
b/client/console/src/main/resources/org/apache/syncope/client/console/panels/NotificationPanel.html
index ec489d1..2c3eb74 100644
--- a/client/console/src/main/resources/org/apache/syncope/client/console/panels/NotificationPanel.html
+++ b/client/console/src/main/resources/org/apache/syncope/client/console/panels/NotificationPanel.html
@@ -23,15 +23,15 @@ under the License.
 
     <script id="errorTemplate" type="text/x-kendo-template">
       <div data-time="0" class="errorNotification">
-      <span class="glyphicon glyphicon-remove-circle"></span>
-      <h3>#= message #</h3>
+      <div id="level" class="glyphicon glyphicon-remove-circle"></div>
+      <div id="message"><p>#= message #</p></div>
       </div>
     </script>
 
     <script id="successTemplate" type="text/x-kendo-template">
       <div data-time="3000" class="successNotification">
-      <span class="glyphicon glyphicon-ok-circle"></span>
-      <h3>#= message #</h3>
+      <div id="level" class="glyphicon glyphicon-ok-circle"></div>
+      <div id="message"><p>#= message #</p></div>
       </div>
     </script>
   </wicket:panel>


Mime
View raw message