quattro: item acl popup panel, max height to notifications menu, style comment previe...

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 671577303714fda7f2fdf80c461ea4198e234da5..0b4a97e9ad4ac3ef8e2cfddea094345c815e826a 100644 (file)
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -3,7 +3,7 @@
 /* global */
 body {
        font-family: Liberation Sans,helvetica,arial,clean,sans-serif;
-       font-size: 10px;
+       font-size: 11px;
        background-color: @BodyBackground;
        color: @BodyColor;
        margin: 50px 0px 0px 0px;
@@ -55,6 +55,21 @@ code {
        padding: 10px;
        margin-top: 20px; 
 }
+
+#panel {
+       position: absolute;
+       width: 10em;
+       background: @MenuBg;
+       color: @Menu;
+       margin: 0px;
+       padding: 1em;
+       list-style: none;
+       border: 3px solid @MenuBorder;
+       z-index: 100000;
+       
+       .shadow();      
+}
+
 /* tool */
 
 .tool {
@@ -234,7 +249,8 @@ ul.menu-popup {
 
 
 #nav-notifications-menu {
-       width: 400px;
+       width: 400px; max-height: 550px;
+       overflow: auto;
        img { float: left; margin-right: 5px; }
        .contactname { font-weight: bold; }
        .notif-when { font-size: 10px; color: @MenuItemDetail; display: block; }
@@ -431,6 +447,26 @@ section {
        }
 }
 
+.comment-edit-preview {
+       width: 710px;
+       border: 1px solid @Grey5;
+       margin-top: 10px;
+       
+       .contact-photo { width: 32px; height: 32px; margin-left: 16px;
+               /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
+       }       
+       .contact-photo-menu-button {
+               top: 15px !important;
+               left: 15px !important;
+       }
+       .wall-item-links { padding-left: 12px; }
+
+       .wall-item-container { width: 700px; }
+       .tread-wrapper { width: 700px; padding: 0; margin: 10px 0;}
+
+
+}
+
 
 
 .wall-item-tags { padding-top: 5px; }
@@ -445,6 +481,23 @@ section {
        }
 }
 
+.wwto { 
+       position: absolute !important; 
+       width: 25px; height: 25px; 
+    background: #FFFFFF;
+    border: 2px solid @Metalic3;
+    height: 25px;
+    width: 25px;
+    overflow: hidden;
+    padding: 1px;
+    position: absolute !important;
+    top: 40px;
+    left: 30px;
+    
+    .shadow(0px, 0px)
+}
+.wwto .contact-photo { width: 25px; height: 25px; }
+
 /* contacts menu */
 .contact-photo-wrapper { position: relative; }
 .contact-photo { 

diff --git a/view/theme/quattro/style.css b/view/theme/quattro/style.css
index 003ebfae6feef4c5ae28fa756d32e8e885df6f62..8cf213850000912c38af6d79ea27ed6674458081 100644 (file)
--- a/view/theme/quattro/style.css
+++ b/view/theme/quattro/style.css
@@ -162,7 +162,7 @@
 /* global */
 body {
   font-family: Liberation Sans, helvetica, arial, clean, sans-serif;
-  font-size: 10px;
+  font-size: 11px;
   background-color: #ffffff;
   color: #2d2d2d;
   margin: 50px 0px 0px 0px;
@@ -206,6 +206,20 @@ code {
   padding: 10px;
   margin-top: 20px;
 }
+#panel {
+  position: absolute;
+  width: 10em;
+  background: #ffffff;
+  color: #2d2d2d;
+  margin: 0px;
+  padding: 1em;
+  list-style: none;
+  border: 3px solid #364e59;
+  z-index: 100000;
+  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
+  -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
+  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
+}
 /* tool */
 .tool {
   height: auto;
@@ -442,6 +456,8 @@ ul.menu-popup .empty {
 }
 #nav-notifications-menu {
   width: 400px;
+  max-height: 550px;
+  overflow: auto;
 }
 #nav-notifications-menu img {
   float: left;
@@ -758,6 +774,33 @@ section {
   color: #2d2d2d;
   border: 1px solid #2d2d2d;
 }
+.comment-edit-preview {
+  width: 710px;
+  border: 1px solid #2d2d2d;
+  margin-top: 10px;
+}
+.comment-edit-preview .contact-photo {
+  width: 32px;
+  height: 32px;
+  margin-left: 16px;
+  /*background: url(../../../images/icons/22/user.png) no-repeat center center;*/
+
+}
+.comment-edit-preview .contact-photo-menu-button {
+  top: 15px !important;
+  left: 15px !important;
+}
+.comment-edit-preview .wall-item-links {
+  padding-left: 12px;
+}
+.comment-edit-preview .wall-item-container {
+  width: 700px;
+}
+.comment-edit-preview .tread-wrapper {
+  width: 700px;
+  padding: 0;
+  margin: 10px 0;
+}
 .wall-item-tags {
   padding-top: 5px;
 }
@@ -771,6 +814,27 @@ section {
   background: url("../../../images/tag.png") no-repeat center right;
   color: #ffffff;
 }
+.wwto {
+  position: absolute !important;
+  width: 25px;
+  height: 25px;
+  background: #FFFFFF;
+  border: 2px solid #364e59;
+  height: 25px;
+  width: 25px;
+  overflow: hidden;
+  padding: 1px;
+  position: absolute !important;
+  top: 40px;
+  left: 30px;
+  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
+  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
+}
+.wwto .contact-photo {
+  width: 25px;
+  height: 25px;
+}
 /* contacts menu */
 .contact-photo-wrapper {
   position: relative;