extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-26 00:29:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

Some mobile Ui improvements

Browse Source
This commit is contained in:
Hadi Nategh 2021-03-04 16:30:01 +01:00
parent 767b77aa54
commit a8f11ca1b7
6 changed files with 52 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
addressbook/templates/mobile/view.xet
View File

@ -12,9 +12,11 @@
<row class="dialogHeadbar" > <row class="dialogHeadbar" >
</row> </row>
<row> <row>
<hbox>
<hbox disabled="@hidebuttons" class="avatar"> <hbox disabled="@hidebuttons" class="avatar">
<image src="photo" onclick="jQuery('table.uploadphoto').css('display','inline'); return false;"/> <image src="photo" onclick="jQuery('table.uploadphoto').css('display','inline'); return false;"/>
</hbox> </hbox>
</hbox>
</row> </row>
<row> <row>
<textbox id="n_fn" blur="Name" no_lang="1" tabindex="-1" class="cursorHand et2_fullWidth" onclick="jQuery('table.editname').css('display','inline'); var focElem = document.getElementById(form::name('n_prefix')); if (!(typeof(focElem) == 'undefined') &amp;&amp; typeof(focElem.focus)=='function') document.getElementById(form::name('n_prefix')).focus();" autocomplete="name" /> <textbox id="n_fn" blur="Name" no_lang="1" tabindex="-1" class="cursorHand et2_fullWidth" onclick="jQuery('table.editname').css('display','inline'); var focElem = document.getElementById(form::name('n_prefix')); if (!(typeof(focElem) == 'undefined') &amp;&amp; typeof(focElem.focus)=='function') document.getElementById(form::name('n_prefix')).focus();" autocomplete="name" />

25
calendar/templates/mobile/app.css
View File

@ -911,9 +911,12 @@ Hide subsequent headers in week view with non-consolidated owners
.calendar_calEventLabel { .calendar_calEventLabel {
font-weight: bold; font-weight: bold;
font-size: 90%; font-size: 90%;
display: inline;
} }
.calendar_calEventTitle { .calendar_calEventTitle {
font-weight: bold; font-weight: bold;
font-size: 100%;
display: inline;
} }
/* Event is too small for full display */ /* Event is too small for full display */
.calendar_calTimeGrid:not(.calendar_calTimeGridList) .calendar_calEventSmall[data-visible_lines='1'] .calendar_calTimespan { .calendar_calTimeGrid:not(.calendar_calTimeGridList) .calendar_calEventSmall[data-visible_lines='1'] .calendar_calTimespan {
@ -1468,6 +1471,20 @@ img.calendar_print_appicon {
position: absolute; position: absolute;
left: 44%; left: 44%;
} }
/* Integration slide switches in toolbar */
#calendar-toolbar_toolbar span[id^="toolbar-integration_"] {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
filter: grayscale(1) contrast(0.1);
}
#calendar-toolbar_toolbar span[id^="toolbar-integration_"].switchOn {
filter: none;
}
#calendar-toolbar_toolbar span[id^="toolbar-integration_"] span.slideSwitch_container {
background: none;
min-width: 24px;
}
#calendar-toolbar_toolbar .et2_toolbar_more { #calendar-toolbar_toolbar .et2_toolbar_more {
margin-top: 0; margin-top: 0;
} }
@ -2746,7 +2763,6 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
padding: 0px; padding: 0px;
} }
#calendar-toolbar_toolbar span.et2_checkbox_slideSwitch span.slideSwitch_container span.on { #calendar-toolbar_toolbar span.et2_checkbox_slideSwitch span.slideSwitch_container span.on {
background-image: url(../../../pixelegg/images/7_day_view.svg);
background-size: 18px 18px; background-size: 18px 18px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@ -2755,7 +2771,6 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
filter: invert(1); filter: invert(1);
} }
#calendar-toolbar_toolbar span.et2_checkbox_slideSwitch span.slideSwitch_container span.off { #calendar-toolbar_toolbar span.et2_checkbox_slideSwitch span.slideSwitch_container span.off {
background-image: url(../../../pixelegg/images/5_day_view.svg);
background-size: 18px 18px; background-size: 18px 18px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@ -2768,6 +2783,12 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
#calendar-toolbar_toolbar span.et2_checkbox_slideSwitch span.slideSwitch_container a { #calendar-toolbar_toolbar span.et2_checkbox_slideSwitch span.slideSwitch_container a {
background: none; background: none;
} }
#calendar-toolbar_toolbar #toolbar-weekend span.slideSwitch_container span.on {
background-image: url(../../../pixelegg/images/7_day_view.svg);
}
#calendar-toolbar_toolbar #toolbar-weekend span.slideSwitch_container span.off {
background-image: url(../../../pixelegg/images/5_day_view.svg);
}
/* ######################################################################################## /* ########################################################################################
/* * Calendar END */ /* * Calendar END */
/* tablets and smartphones */ /* tablets and smartphones */

16
mail/templates/mobile/app.css
View File

@ -476,7 +476,7 @@ div#mail-index_mailPreview > div {
border: none; border: none;
} }
#mail-compose_composeToolbar > button { #mail-compose_composeToolbar > button {
padding: 0.2em 0.4em; padding: .2em .4em;
} }
#mail-compose_composeToolbar > img { #mail-compose_composeToolbar > img {
width: 16px; width: 16px;
@ -489,7 +489,7 @@ div#mail-index_mailPreview > div {
height: 16px !important; height: 16px !important;
} }
#mail-compose_composeToolbar > button { #mail-compose_composeToolbar > button {
padding: 0.2em 0.4em; padding: .2em .4em;
} }
#mail-compose_to div.ms-sel-ctn, #mail-compose_to div.ms-sel-ctn,
#mail-compose_cc .ms-sel-ctn, #mail-compose_cc .ms-sel-ctn,
@ -497,7 +497,7 @@ div#mail-index_mailPreview > div {
max-height: 75px; max-height: 75px;
} }
#mail-display_toolbar > button > span { #mail-display_toolbar > button > span {
padding: 0.2em 0.4em; padding: .2em .4em;
} }
#mail-display_toolbar > button > span > img { #mail-display_toolbar > button > span > img {
width: 16px; width: 16px;
@ -520,7 +520,7 @@ div#mail-index_mailPreview > div {
height: 35px; height: 35px;
} }
#mail-index_toolbar > button > span { #mail-index_toolbar > button > span {
padding: 0.2em 0.4em; padding: .2em .4em;
} }
#mail-index_toolbar > button > span > img { #mail-index_toolbar > button > span > img {
width: 16px; width: 16px;
@ -1903,7 +1903,7 @@ input[type=button] {
padding: 0px; padding: 0px;
} }
#mail-display_toolbar > button > span { #mail-display_toolbar > button > span {
padding: 0.2em 0.4em; padding: .2em .4em;
} }
#mail-display_toolbar > button > span > img { #mail-display_toolbar > button > span > img {
width: 16px; width: 16px;
@ -2261,6 +2261,12 @@ table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb:hover {
body #mail-compose .mailComposeHeaderSection > table #mail-compose_subject:focus { body #mail-compose .mailComposeHeaderSection > table #mail-compose_subject:focus {
outline-color: transparent; outline-color: transparent;
} }
body #mail-compose .tox-tinymce {
border: none;
}
body #mail-compose .dialogHeadbar {
z-index: 2;
}
#mail-index { #mail-index {
margin-right: 0px; margin-right: 0px;
} }

2
mail/templates/mobile/app.less
View File

@ -210,6 +210,8 @@
outline-color: transparent; outline-color: transparent;
} }
} }
.tox-tinymce {border:none}
.dialogHeadbar{z-index: 2}
} }
} }

12
pixelegg/mobile/fw_mobile.css
View File

@ -8367,7 +8367,7 @@ table.egwGridView_grid img.et2_appicon {
display: none; display: none;
} }
body button.plus_button { body button.plus_button {
position: absolute !important; position: fixed !important;
right: 15px; right: 15px;
bottom: 15px; bottom: 15px;
border-radius: 50%; border-radius: 50%;
@ -8377,7 +8377,6 @@ table.egwGridView_grid img.et2_appicon {
z-index: 100; z-index: 100;
background-color: #0c5da5; background-color: #0c5da5;
border: none; border: none;
box-shadow: 0px 1px 5px 3px silver;
background-image: url(../images/topmenu_items/mobile/plus_white.svg) !important; background-image: url(../images/topmenu_items/mobile/plus_white.svg) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 24px 24px; background-size: 24px 24px;
@ -8556,7 +8555,6 @@ table.egwGridView_grid img.et2_appicon {
background-image: url(../images/menu_list.svg); background-image: url(../images/menu_list.svg);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-right: 5px;
width: 50px; width: 50px;
height: 50px; height: 50px;
display: block; display: block;
@ -8574,7 +8572,6 @@ table.egwGridView_grid img.et2_appicon {
background-image: url(../images/dots.svg); background-image: url(../images/dots.svg);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-right: 2px;
border-left: 1px solid silver; border-left: 1px solid silver;
border: 0; border: 0;
color: white; color: white;
@ -8605,7 +8602,6 @@ table.egwGridView_grid img.et2_appicon {
border: none; border: none;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-right: 5px;
border-left: 1px solid silver; border-left: 1px solid silver;
border: 0; border: 0;
color: black; color: black;
@ -8619,7 +8615,6 @@ table.egwGridView_grid img.et2_appicon {
body .et2_nextmatch .nm-mob-header div.nm_favorites_div { body .et2_nextmatch .nm-mob-header div.nm_favorites_div {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-right: 5px;
border-left: 1px solid silver; border-left: 1px solid silver;
border: 0; border: 0;
color: white; color: white;
@ -9031,7 +9026,7 @@ table.egwGridView_grid img.et2_appicon {
background-color: transparent !important; background-color: transparent !important;
background-size: 24px 24px !important; background-size: 24px 24px !important;
border: none; border: none;
margin-right: 15px; width: 40px;
} }
body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more { body div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more {
position: inherit; position: inherit;
@ -9047,6 +9042,7 @@ table.egwGridView_grid img.et2_appicon {
background-image: url(../images/dots.svg); background-image: url(../images/dots.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
outline: none;
-webkit-filter: brightness(0) invert(1) !important; -webkit-filter: brightness(0) invert(1) !important;
filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important;
background-color: transparent !important; background-color: transparent !important;
@ -9061,6 +9057,7 @@ table.egwGridView_grid img.et2_appicon {
} }
body .et2_tabbox.vertical .et2_tabflag div.et2_tabtitle { body .et2_tabbox.vertical .et2_tabflag div.et2_tabtitle {
background-color: #f0f0f0; background-color: #f0f0f0;
padding-left: 6px;
} }
body .et2_tabbox.vertical .et2_tabflag div.et2_tabtitle:before { body .et2_tabbox.vertical .et2_tabflag div.et2_tabtitle:before {
padding: 0; padding: 0;
@ -9262,6 +9259,7 @@ table.egwGridView_grid img.et2_appicon {
display: inline-block; display: inline-block;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 31px; background-size: 31px;
margin-left: -5px;
} }
body input[type="checkbox"]:checked { body input[type="checkbox"]:checked {
background-image: url(../images/topmenu_items/mobile/checkbox.svg) !important; background-image: url(../images/topmenu_items/mobile/checkbox.svg) !important;

12
pixelegg/mobile/fw_mobile.less
View File

@ -658,7 +658,7 @@
} }
} }
button.plus_button { button.plus_button {
position: absolute !important; position: fixed !important;
right: 15px; right: 15px;
bottom: 15px; bottom: 15px;
border-radius: 50%; border-radius: 50%;
@ -668,7 +668,6 @@
z-index: 100; z-index: 100;
background-color: #0c5da5; background-color: #0c5da5;
border: none; border: none;
box-shadow: 0px 1px 5px 3px silver;
background-image: url(../images/topmenu_items/mobile/plus_white.svg) !important; background-image: url(../images/topmenu_items/mobile/plus_white.svg) !important;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 24px 24px; background-size: 24px 24px;
@ -848,7 +847,6 @@
background-image: url(../images/menu_list.svg); background-image: url(../images/menu_list.svg);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-right:5px;
width:50px; width:50px;
height:50px; height:50px;
display:block; display:block;
@ -862,7 +860,6 @@
background-image: url(../images/dots.svg); background-image: url(../images/dots.svg);
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-right:2px;
border-left:1px solid silver; border-left:1px solid silver;
border:0; border:0;
color: white; color: white;
@ -885,7 +882,6 @@
.white-svg; .white-svg;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-right: 5px;
border-left: 1px solid silver; border-left: 1px solid silver;
border: 0; border: 0;
color: black; color: black;
@ -899,7 +895,6 @@
div.nm_favorites_div { div.nm_favorites_div {
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-right:5px;
border-left:1px solid silver; border-left:1px solid silver;
border:0; border:0;
color: white; color: white;
@ -1308,7 +1303,7 @@
box-shadow: none !important; box-shadow: none !important;
background-position: center !important; background-position: center !important;
.white-svg; .white-svg;
margin-right: 15px; width: 40px;
} }
} }
div.et2_toolbar_more { div.et2_toolbar_more {
@ -1325,6 +1320,7 @@
background-image: url(../images/dots.svg); background-image: url(../images/dots.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
outline: none;
.white-svg; .white-svg;
span { span {
display: none; display: none;
@ -1342,6 +1338,7 @@
border:none; border:none;
div.et2_tabtitle { div.et2_tabtitle {
background-color: #f0f0f0; background-color: #f0f0f0;
padding-left: 6px;
&:before { &:before {
padding: 0; padding: 0;
width:30px; width:30px;
@ -1555,6 +1552,7 @@
display:inline-block; display:inline-block;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 31px; background-size: 31px;
margin-left: -5px;
} }
input[type="checkbox"]:checked{ input[type="checkbox"]:checked{
background-image:url(../images/topmenu_items/mobile/checkbox.svg) !important; background-image:url(../images/topmenu_items/mobile/checkbox.svg) !important;