extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 14:41:29 +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},
/**
* Explicitly specify the avatar size.
* Better to set the --size CSS variable in app.css, since it allows inheritance and overriding
*/
size: {type: String}
}
}
@ -103,7 +107,6 @@ export class Et2Avatar extends Et2Widget(SlAvatar) implements et2_IDetachedDOM
this.contactId = "";
this.editable = false;
this.crop = false;
this.size = "2.7em";
this.icon = "";
this.shape = "rounded";
}

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

@ -56,7 +56,7 @@ export default [sl_css, css`
--indicator-color: #696969;
--sl-input-focus-ring-color: #26537C;
--sl-focus-ring-width: 2px;
--sl-color-gray-150: #f0f0f0;
--sl-color-gray-150: #f0f0f0;
}
.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;
}
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 {
background: none;
max-height: 20px;
@ -3735,6 +3739,10 @@ td.avatar {
box-shadow: none;
}
et2-avatar, et2-lavatar {
--size: 2.7em;
}
.et2_searchbox {
position: relative;
padding: 0;

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

@ -283,7 +283,8 @@ pre {
word-wrap: break-word;
}
#mail-index {
position: relative
position: relative;
--size: 2.75em
}
/*Keeps the scrollbar in the window in Firefox*/
#mail-index table.egwGridView_outer {
@ -1142,4 +1143,13 @@ et2-split#mail-index_mailSplitter.squeezed .mail-index_quotabox{
et2-details.mail-index_datefilter::part(base) {
height: var(--sl-input-height-medium);
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 class="$row_cont[class]">
<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>
<html id="${row}[attachments]"/>
<et2-vbox>

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

@ -15,7 +15,7 @@
<row class="$row_cont[class]">
<et2-hbox class="$row_cont[class] mobile_cat_col">
<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-url-email id="${row}[address]" class="$row_cont[class]" readonly="true"></et2-url-email>
<et2-hbox>