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 styling fixes for mobile view:

Browse Source 
- fix broken Addressbook's avatar in view and edit mode
- fix buttons with icon not getting white filter
This commit is contained in:
Hadi Nategh 2023-02-28 13:06:52 +01:00
parent 13a26fcadb
commit 057afb8623
5 changed files with 25 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
addressbook/templates/mobile/edit.xet
View File

@ -354,12 +354,11 @@
</et2-hbox> </et2-hbox>
</row> </row>
<row class="dialogHeader"> <row class="dialogHeader">
<et2-hbox> <et2-box align="center">
<et2-hbox disabled="@hidebuttons" class="avatar"> <et2-hbox disabled="@hidebuttons">
<et2-image src="photo" onclick="jQuery('table.uploadphoto').css('display','inline'); return false;"></et2-image> <et2-avatar id="jpegphoto" contactId="$cont[id]" src="$cont[photo]" crop="false" editable="true" size="4em"></et2-avatar>
<template id="addressbook.edit.upload"/>
</et2-hbox> </et2-hbox>
</et2-hbox> </et2-box>
</row> </row>
<row> <row>
<et2-textbox id="n_fn" tabindex="-1" class="cursorHand" 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" placeholder="Name" noLang="1" ></et2-textbox> <et2-textbox id="n_fn" tabindex="-1" class="cursorHand" 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" placeholder="Name" noLang="1" ></et2-textbox>

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

@ -11,11 +11,11 @@
<row class="dialogHeadbar" > <row class="dialogHeadbar" >
</row> </row>
<row> <row>
<et2-hbox> <et2-box align="center">
<et2-hbox disabled="@hidebuttons" class="avatar"> <et2-hbox disabled="@hidebuttons">
<et2-image src="photo" onclick="jQuery('table.uploadphoto').css('display','inline'); return false;"></et2-image> <et2-avatar src="$cont[photo]" crop="false" shape="circle" size="4em"></et2-avatar>
</et2-hbox> </et2-hbox>
</et2-hbox> </et2-box>
</row> </row>
<row> <row>
<et2-textbox id="n_fn" tabindex="-1" class="cursorHand" 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" placeholder="Name" noLang="1" ></et2-textbox> <et2-textbox id="n_fn" tabindex="-1" class="cursorHand" 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" placeholder="Name" noLang="1" ></et2-textbox>

5
api/js/etemplate/Et2Avatar/Et2Avatar.ts
View File

@ -70,7 +70,10 @@ export class Et2Avatar extends Et2Widget(SlotMixin(SlAvatar)) implements et2_IDe
*/ */
src: {type: String}, src: {type: String},
/**
* The shape of the avatar
* circle | square | rounded
*/
shape: { shape: {
type: String, type: String,
reflect: true reflect: true

10
pixelegg/mobile/fw_mobile.css
View File

@ -9028,7 +9028,15 @@ table.egwGridView_grid img.et2_appicon {
background-size: 24px 24px !important; background-size: 24px 24px !important;
border: none; border: none;
} }
body .dialogHeadbar et2-button[disabled] { body .dialogHeadbar et2-button-icon::part(base) {
-webkit-filter: brightness(0) invert(1) !important;
filter: brightness(0) invert(1) !important;
background-color: transparent !important;
background-size: 24px 24px !important;
border: none;
}
body .dialogHeadbar et2-button[disabled],
body .dialogHeadbar et2-button-icon[disabled] {
display: none; display: none;
} }
body .dialogHeadbar et2-button::part(base) { body .dialogHeadbar et2-button::part(base) {

5
pixelegg/mobile/fw_mobile.less
View File

@ -1283,7 +1283,10 @@
.white-svg; .white-svg;
} }
} }
et2-button[disabled] { et2-button-icon::part(base) {
.white-svg;
}
et2-button[disabled], et2-button-icon[disabled] {
display: none; display: none;
} }
et2-button::part(base) { et2-button::part(base) {