Fix some styling for mobile template:

- Fix create new file selectbox button in Filemanager
- Fix Dialog titlebar not being shown
This commit is contained in:
Hadi Nategh 2017-11-09 12:15:26 +01:00
parent 644b02309f
commit 3cdf799a6b
5 changed files with 63 additions and 4 deletions

View File

@ -442,6 +442,9 @@ div#stylite-filemanager-upload .dialogFooterToolbar button:active {
height: 24px;
padding-left: 15px;
}
#filemanager-index_nm #filemanager-index_filemanager-index-header_right {
width: 100%;
}
#filemanager-index_nm #filemanager-index_tarp {
display: none !important;
}
@ -481,6 +484,27 @@ div#stylite-filemanager-upload .dialogFooterToolbar button:active {
margin-top: 0px;
border-bottom: 1px solid silver;
}
#filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper {
float: none;
width: 100%;
margin: 0;
padding-top: 5px;
}
#filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper .et2_dropdown {
float: none;
width: 100%;
}
#filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper .et2_dropdown button {
width: 50px;
margin: 0;
border-radius: 0;
}
#filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper .et2_dropdown button div {
float: none;
}
#filemanager-index_nm .nextmatch_header #filemanager-index_new_wrapper .et2_dropdown #filemanager-index_new {
width: calc(100% - 50px);
}
#filemanager-index_nm select#filemanager-index_filter {
width: 100%;
}

View File

@ -54,7 +54,7 @@
}
height: auto;
}
#filemanager-index_filemanager-index-header_right {width:100%;}
#filemanager-index_tarp {display: none !important;}
#filemanager-index_filemanager-index-header_left {height:auto;}
.nextmatch_header.nm_header_hide {
@ -76,6 +76,24 @@
#filemanager-index_up {width:24px;height: 100%;margin-left:22px;margin-right:22px;}
}
div.filtersContainer {margin-top:0px;border-bottom: 1px solid silver;}
#filemanager-index_new_wrapper {
float: none;
width: 100%;
margin:0;
padding-top: 5px;
.et2_dropdown {
float: none;
width: 100%;
button {
width:50px;
margin: 0;
border-radius: 0;
div {float:none;}
}
#filemanager-index_new {width:~"calc(100% - 50px)"}
}
}
}
select#filemanager-index_filter {width:100%;}
.nextmatch_header_row div.header_row_right {height:auto;position: relative !important;}

View File

@ -42,6 +42,7 @@
<buttononly label="Tile view" id="button[change_view]" onclick="app.filemanager.change_view" options="list_tile"/>
<button label="File a file" onclick="window.open(egw::link('/index.php','menuaction=stylite.stylite_filemanager.upload'),'_blank','dependent=yes,width=550,height=350,scrollbars=yes,status=yes'); return false;" image="upload"/>
</hbox>
<dropdown_button id="new" onchange="app.filemanager.create_new" label="New" onclick="app.filemanager.create_new"/>
</template>
<template id="filemanager.index.header_left" template="" lang="" group="0" version="1.9.002">
<hbox span="all" class="filemanager_navigation">

View File

@ -7802,7 +7802,15 @@ form[id^="wiki-"] .dialogHeadbar {
body .ui-dialog .ui-dialog-buttonpane button span {
padding-left: 20px;
}
body .ui-dialog-titlebar {
body .ui-dialog .ui-dialog-titlebar {
position: fixed;
color: white;
z-index: 100;
background: #0c5da5;
width: 30%;
padding-top: 10px;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
display: none;
}
body button.plus_button {

View File

@ -521,8 +521,16 @@
}
background: #0c5da5;
}
.ui-dialog-titlebar {
display: none;
.ui-dialog .ui-dialog-titlebar {
position: fixed;
color: white;
z-index: 100;
background: #0c5da5;
width: 30%;
padding-top: 10px;
.ui-dialog-titlebar-close {
display: none;
}
}
button.plus_button {
position: absolute !important;