extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-22 07:53:39 +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>
<row>
<hbox>
<hbox disabled="@hidebuttons" class="avatar">
<image src="photo" onclick="jQuery('table.uploadphoto').css('display','inline'); return false;"/>
</hbox>
</hbox>
</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" />

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

@ -911,9 +911,12 @@ Hide subsequent headers in week view with non-consolidated owners
.calendar_calEventLabel {
font-weight: bold;
font-size: 90%;
display: inline;
}
.calendar_calEventTitle {
font-weight: bold;
font-size: 100%;
display: inline;
}
/* Event is too small for full display */
.calendar_calTimeGrid:not(.calendar_calTimeGridList) .calendar_calEventSmall[data-visible_lines='1'] .calendar_calTimespan {
@ -1468,6 +1471,20 @@ img.calendar_print_appicon {
position: absolute;
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 {
margin-top: 0;
}
@ -2746,7 +2763,6 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
padding: 0px;
}
#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-repeat: no-repeat;
background-position: center;
@ -2755,7 +2771,6 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
filter: invert(1);
}
#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-repeat: no-repeat;
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 {
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 */
/* tablets and smartphones */

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

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

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

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