fixes #1112 better management for long username + long gallery name on small screen

This commit is contained in:
plegall
2019-11-26 16:33:42 +01:00
parent 58fb64f751
commit 90e4a63ea1
2 changed files with 14 additions and 2 deletions
+1 -1
View File
@@ -57,7 +57,7 @@
<div class="pwgHead-gallery-title">{$GALLERY_TITLE}</div> <div class="pwgHead-gallery-title">{$GALLERY_TITLE}</div>
<div id="headActions"> <div id="headActions">
<i class="icon-user"></i>{$USERNAME} <span class="admin-head-username"><i class="icon-user"></i>{$USERNAME}</span>
{* {*
<a href="{$U_RETURN}" title="{'Visit Gallery'|translate}"><i class="icon-eye"></i><span>{'Visit Gallery'|translate}</span></a> <a href="{$U_RETURN}" title="{'Visit Gallery'|translate}"><i class="icon-eye"></i><span>{'Visit Gallery'|translate}</span></a>
*} *}
+13 -1
View File
@@ -320,7 +320,7 @@ BODY {
text-align: left; text-align: left;
font-size: 18px; font-size: 18px;
float:left; float:left;
width: 50%; width: calc(100% - 330px);
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -328,6 +328,10 @@ BODY {
margin: 0 0 0 220px; margin: 0 0 0 220px;
} }
.admin-head-username {
display: none;
}
#pwgHead A {color:#ccc;} #pwgHead A {color:#ccc;}
#pwgHead A:hover {color:#fff} #pwgHead A:hover {color:#fff}
@@ -1589,6 +1593,14 @@ fieldset#environment legend i[class*="icon-"] {
#headActions a span { #headActions a span {
display:inline; display:inline;
} }
#pwgHead .pwgHead-gallery-title {
width: calc(100% - 650px);
}
.admin-head-username {
display: inline;
}
} }
.buttonLike, input[type="submit"], input[type="button"], input[type="reset"] { .buttonLike, input[type="submit"], input[type="button"], input[type="reset"] {