remove duplication of 'header-right' element, also make it overflow when too wide

diff --git a/apps/files_sharing/css/public.css b/apps/files_sharing/css/public.css
index f0b9b04491fdbb0591f923a64aa79712506313a8..ebf19f50f007d2c25d669b278231de07f92cd342 100644 (file)
--- a/apps/files_sharing/css/public.css
+++ b/apps/files_sharing/css/public.css
@@ -14,19 +14,6 @@ body {
        padding:7px;
 }
 
-.header-right {
-       padding: 0;
-       height: 32px;
-}
-
-#details {
-       color:#fff;
-       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-       filter: alpha(opacity=50);
-       opacity: .5;
-       padding-right: 5px;
-}
-
 #controls {
        left: 0;
 }

diff --git a/core/css/styles.css b/core/css/styles.css
index 57e2c4479a1c561e816ad1c1a60ca19309d78e10..c483950f300a2e541b8988e758a5c3d82713fea0 100644 (file)
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -33,9 +33,28 @@ body { background:#fefefe; font:normal .8em/1.6em "Helvetica Neue",Helvetica,Ari
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35537a', endColorstr='#1d2d44',GradientType=0 ); /* IE6-9 */
 }
 
-#owncloud { position:absolute; top:0; left:0; padding:6px; padding-bottom:0; }
-.header-right { float:right; vertical-align:middle; padding:0.5em; }
-.header-right > * { vertical-align:middle; }
+#owncloud {
+       position: absolute;
+       top: 0;
+       left: 0;
+       padding: 6px;
+       padding-bottom: 0;
+}
+
+/* info part on the right, used e.g. for info on who shared something */
+.header-right {
+       position: absolute;
+       right: 0;
+       padding-right: 10px;
+       color: #fff;
+       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+       filter: alpha(opacity=50);
+       opacity: .5;
+       max-width: 40%;
+       white-space: nowrap;
+       overflow: hidden;
+       text-overflow: ellipsis;
+}
 
 /* Profile picture in header */
 #header .avatardiv {