aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorFabio Comuni <fabrix.xm@gmail.com>2012-01-12 10:38:24 +0100
committerFabio Comuni <fabrix.xm@gmail.com>2012-01-12 10:38:24 +0100
commit3d7857ecdd36d9920ff5ae843180126f4b1f89ff (patch)
tree39a5cd3f84da4756cea1f369e5063b013558c155
parent302d62f7a3e7b60bc29f1f9f89bcee9bfc278fb8 (diff)
downloadvolse-hubzilla-3d7857ecdd36d9920ff5ae843180126f4b1f89ff.tar.gz
volse-hubzilla-3d7857ecdd36d9920ff5ae843180126f4b1f89ff.tar.bz2
volse-hubzilla-3d7857ecdd36d9920ff5ae843180126f4b1f89ff.zip
quattro: item acl popup panel, max height to notifications menu, style comment preview and wall-to-wall item photos
-rw-r--r--view/theme/quattro/quattro.less57
-rw-r--r--view/theme/quattro/style.css66
2 files changed, 120 insertions, 3 deletions
diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index 671577303..0b4a97e9a 100644
--- 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 003ebfae6..8cf213850 100644
--- 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;