extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-09 15:38:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

More Drag helper style adjustments

Browse Source 
- height adjustments for mail so we can see address & subject
- Change how avatar is sized so we can override it via CSS
This commit is contained in:
nathan 2023-11-08 09:54:00 -07:00
parent b895da55ee
commit 6a5697eab8
6 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -91,6 +91,10 @@ export class Et2Avatar extends Et2Widget(SlAvatar) implements et2_IDetachedDOM
crop: {type: Boolean}, crop: {type: Boolean},
/**
* Explicitly specify the avatar size.
* Better to set the --size CSS variable in app.css, since it allows inheritance and overriding
*/
size: {type: String} size: {type: String}
} }
} }
@ -103,7 +107,6 @@ export class Et2Avatar extends Et2Widget(SlAvatar) implements et2_IDetachedDOM
this.contactId = ""; this.contactId = "";
this.editable = false; this.editable = false;
this.crop = false; this.crop = false;
this.size = "2.7em";
this.icon = ""; this.icon = "";
this.shape = "rounded"; this.shape = "rounded";
} }

2
api/js/etemplate/Styles/shoelace.ts
View File

@ -56,7 +56,7 @@ export default [sl_css, css`
--indicator-color: #696969; --indicator-color: #696969;
--sl-input-focus-ring-color: #26537C; --sl-input-focus-ring-color: #26537C;
--sl-focus-ring-width: 2px; --sl-focus-ring-width: 2px;
--sl-color-gray-150: #f0f0f0; --sl-color-gray-150: #f0f0f0;
} }
.tab-group--top .tab-group__tabs { .tab-group--top .tab-group__tabs {

8
api/templates/default/etemplate2.css
View File

@ -3493,6 +3493,10 @@ div.et2_egw_action_ddHelper table.et2_egw_action_ddHelper_row {
max-width: 400px; max-width: 400px;
} }
div.et2_egw_action_ddHelper et2-avatar, div.et2_egw_action_ddHelper et2-lavatar {
flex-grow: 0;
--size: 2em;
}
table.et2_egw_action_ddHelper_row tr { table.et2_egw_action_ddHelper_row tr {
background: none; background: none;
max-height: 20px; max-height: 20px;
@ -3735,6 +3739,10 @@ td.avatar {
box-shadow: none; box-shadow: none;
} }
et2-avatar, et2-lavatar {
--size: 2.7em;
}
.et2_searchbox { .et2_searchbox {
position: relative; position: relative;
padding: 0; padding: 0;

12
mail/templates/default/app.css
View File

@ -283,7 +283,8 @@ pre {
word-wrap: break-word; word-wrap: break-word;
} }
#mail-index { #mail-index {
position: relative position: relative;
--size: 2.75em
} }
/*Keeps the scrollbar in the window in Firefox*/ /*Keeps the scrollbar in the window in Firefox*/
#mail-index table.egwGridView_outer { #mail-index table.egwGridView_outer {
@ -1143,3 +1144,12 @@ et2-details.mail-index_datefilter::part(base) {
height: var(--sl-input-height-medium); height: var(--sl-input-height-medium);
border-radius: var(--sl-border-radius-small); border-radius: var(--sl-border-radius-small);
} }
/* Give DnD helper more height to show from + subject, but less gap */
table.et2_egw_action_ddHelper_row .innerContainer {
max-height: 2.5em;
}
.et2_egw_action_ddHelper_row et2-vbox::part(base) {
gap: 1px;
}

2
mail/templates/default/index.rows.horizental.xet
View File

@ -32,7 +32,7 @@
</row> </row>
<row class="$row_cont[class]"> <row class="$row_cont[class]">
<et2-lavatar contactId="email:$row_cont[address]" fname="$row_cont[lavatar][fname]" <et2-lavatar contactId="email:$row_cont[address]" fname="$row_cont[lavatar][fname]"
lname="$row_cont[lavatar][lname]" size="2.75em" shape="rounded"></et2-lavatar> lname="$row_cont[lavatar][lname]" shape="rounded"></et2-lavatar>
<et2-description span="1" class="status_img"></et2-description> <et2-description span="1" class="status_img"></et2-description>
<html id="${row}[attachments]"/> <html id="${row}[attachments]"/>
<et2-vbox> <et2-vbox>

2
mail/templates/default/index.rows.vertical.xet
View File

@ -15,7 +15,7 @@
<row class="$row_cont[class]"> <row class="$row_cont[class]">
<et2-hbox class="$row_cont[class] mobile_cat_col"> <et2-hbox class="$row_cont[class] mobile_cat_col">
<et2-lavatar contactId="email:$row_cont[address]" fname="$row_cont[lavatar][fname]" <et2-lavatar contactId="email:$row_cont[address]" fname="$row_cont[lavatar][fname]"
lname="$row_cont[lavatar][lname]" size="2.75em" shape="rounded"></et2-lavatar> lname="$row_cont[lavatar][lname]" shape="rounded"></et2-lavatar>
<et2-vbox> <et2-vbox>
<et2-url-email id="${row}[address]" class="$row_cont[class]" readonly="true"></et2-url-email> <et2-url-email id="${row}[address]" class="$row_cont[class]" readonly="true"></et2-url-email>
<et2-hbox> <et2-hbox>