Some styling for Sharing template

This commit is contained in:
Hadi Nategh 2017-11-06 17:43:27 +01:00
parent cfe9204f77
commit 1848f6d35f
5 changed files with 216 additions and 7 deletions

View File

@ -52,8 +52,24 @@ div#filemanager-index_buttons div.et2_file {
div.et2_nextmatch div.nextmatch_header_row {
padding-bottom: 0px;
}
div.et2_nextmatch thead{
display: none;
}
div.nextmatch_header {
padding-bottom: 0 !important;
padding-bottom: 10px !important;
padding-top: 10px !important;
}
div.search {
position: relative;
width: 40%;
right: 30px;
max-width: 98%;
top: 0;
float: right !important;
}
div.search .et2_searchbox .flex {
width: 100%;
float: right;
padding-right: 0;
}

View File

@ -0,0 +1,49 @@
/**
* EGroupware - CSS Styles used by sharing GUI for mobile template
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @link http://www.egroupware.org
* @author Hadi Nategh <hn@egroupware.org>
* @copyright (c) 2017 by Hadi Nategh <hn@egroupware.org>
* @version $Id$
*/
/*IMPORTANT NOTE: DO NOT IMPORT default sharing.css WITHIN THIS CLASS!*/
body div#popupMainDiv {
/**
* simplify NM UI for sharing
*/
padding-top: 0px !important;
height: 99%;
}
body div#popupMainDiv div#filemanager-index_buttons img,
body div#popupMainDiv div#filemanager-index_favorite_wrapper,
body div#popupMainDiv #filemanager-index_filter,
body div#popupMainDiv span.selectcols,
body div#popupMainDiv #filemanager-index_button\[edit\],
body div#popupMainDiv #filemanager-index_button\[symlink\],
body div#popupMainDiv #filemanager-index_button\[paste\],
body div#popupMainDiv #filemanager-index_button\[linkpaste\],
body div#popupMainDiv #filemanager-index_button\[mailpaste\] {
display: none !important;
}
body div#popupMainDiv:before {
content: '';
width: 50px;
height: 50px;
background: blue;
display: inline-block;
position: fixed;
z-index: 10;
background-color: transparent;
background-image: url(../../../api/templates/default/images/logo64x64.png);
background-size: 30px;
background-position: center;
background-repeat: no-repeat;
}
body div#popupMainDiv #filemanager-index_nm {
height: 99%;
}
body div#popupMainDiv .et2_searchbox.expanded input {
height: 50px;
}

View File

@ -0,0 +1,47 @@
/**
* EGroupware - CSS Styles used by sharing GUI for mobile template
*
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @package etemplate
* @link http://www.egroupware.org
* @author Hadi Nategh <hn@egroupware.org>
* @copyright (c) 2017 by Hadi Nategh <hn@egroupware.org>
* @version $Id$
*/
/*IMPORTANT NOTE: DO NOT IMPORT default sharing.css WITHIN THIS CLASS!*/
body {
div#popupMainDiv {
/**
* simplify NM UI for sharing
*/
div#filemanager-index_buttons img, div#filemanager-index_favorite_wrapper,
#filemanager-index_filter, span.selectcols, #filemanager-index_button\[edit\],
#filemanager-index_button\[symlink\], #filemanager-index_button\[paste\],
#filemanager-index_button\[linkpaste\], #filemanager-index_button\[mailpaste\]
{
display: none !important;
}
&:before {
content: '';
width: 50px;
height: 50px;
background: blue;
display: inline-block;
position: fixed;
z-index: 10;
background-color: transparent;
background-image: url(../../../api/templates/default/images/logo64x64.png);
background-size: 30px;
background-position: center;
background-repeat: no-repeat;
}
padding-top: 0px !important;
height: 99%;
#filemanager-index_nm {
height: 99%;
}
.et2_searchbox.expanded input {height:50px;}
}
}

View File

@ -49,10 +49,26 @@ div#filemanager-index_buttons div.et2_file {
div.et2_nextmatch div.nextmatch_header_row {
padding-bottom: 0px;
}
div.et2_nextmatch thead {
display: none;
}
div.nextmatch_header {
padding-bottom: 0 !important;
padding-bottom: 10px !important;
padding-top: 10px !important;
}
div.search {
position: relative;
width: 40%;
right: 30px;
max-width: 98%;
top: 0;
float: right !important;
}
div.search .et2_searchbox .flex {
width: 100%;
float: right;
padding-right: 0;
}
/**
* EGroupware - CSS Styles used by sharing GUI
*
@ -71,8 +87,17 @@ div.filemanager_navigation {
margin: 0px !important;
}
div.search {
top: 8px;
right: 215px;
position: relative;
width: 40%;
right: 30px;
max-width: 98%;
top: 0;
float: right !important;
}
div.search .et2_searchbox .flex {
width: 100%;
float: right;
padding-right: 0;
}
div#filemanager-index_buttons div.et2_file {
margin-top: 6px;
@ -80,3 +105,31 @@ div#filemanager-index_buttons div.et2_file {
div.filemanager_navigation > label {
right: 485px !important;
}
div#popupMainDiv:before {
content: ' ';
width: 100%;
background-image: url(../../../api/templates/default/images/logo64x64.png);
background-repeat: no-repeat;
background-position: 15px;
background-size: 40px;
height: 45px;
background-color: #0c5da5;
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
form#filemanager-index {
margin-left: 200px !important;
margin-right: 200px !important;
}
form#filemanager-index:after {
content: ' ';
width: 100%;
height: 45px;
background: #0c5da5;
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
}

View File

@ -21,8 +21,20 @@ div.filemanager_navigation {
}
div.search {
top: 8px;
right: 215px;
position: relative;
width: 40%;
right: 30px;
max-width: 98%;
top: 0;
float:right !important;
.et2_searchbox {
.flex {
width: 100%;
float: right;
padding-right: 0;
}
}
}
div#filemanager-index_buttons div.et2_file {
@ -32,3 +44,35 @@ div#filemanager-index_buttons div.et2_file {
div.filemanager_navigation > label {
right: 485px !important;
}
div#popupMainDiv {
&:before {
content: ' ';
width: 100%;
background-image: url(../../../api/templates/default/images/logo64x64.png);
background-repeat: no-repeat;
background-position: 15px;
background-size: 40px;
height: 45px;
background-color: #0c5da5;
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
}
form#filemanager-index {
&:after {
content: ' ';
width: 100%;
height: 45px;
background: #0c5da5;
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
}
margin-left: 200px !important;
margin-right: 200px !important;
}