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

Styling dialogs W.I.P.:

Browse Source 
- Fix alignments in infolog edit dialog
This commit is contained in:
Hadi Nategh 2016-04-11 14:08:01 +00:00
parent b35753ba79
commit 42beae83cc
4 changed files with 33 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -693,7 +693,6 @@ div.et2_link_entry select {
margin-right: 10px; margin-right: 10px;
} }
div.et2_link_entry input.ui-autocomplete-input { div.et2_link_entry input.ui-autocomplete-input {
width: 40%;
padding-bottom: 1px; padding-bottom: 1px;
} }
.et2_link_entry.no_app input.ui-autocomplete-input { .et2_link_entry.no_app input.ui-autocomplete-input {
@ -723,6 +722,7 @@ div.et2_link_entry input.ui-autocomplete-input {
.et2_link_to.et2_toolbar div.et2_link_entry input.ui-autocomplete-input { .et2_link_to.et2_toolbar div.et2_link_entry input.ui-autocomplete-input {
height:22px; height:22px;
border-radius: 3px; border-radius: 3px;
width: 40%;
} }
.et2_link_to.et2_toolbar .div_link {width:85%;vertical-align: top;} .et2_link_to.et2_toolbar .div_link {width:85%;vertical-align: top;}
.et2_link_to.et2_toolbar .div_link select {margin-right: 4px;} .et2_link_to.et2_toolbar .div_link select {margin-right: 4px;}

13
infolog/templates/default/app.css
View File

@ -31,13 +31,9 @@ table.infolog_fullWidth { width: 100%; }
#info_contact input {width: 134px;} #info_contact input {width: 134px;}
#info_subject {width: 100%;} #info_subject {width: 100%;}
/* date-duration styling in project manager tab */
.infolog_date_duration:first-child input.et2_date_duration{
float: left;
width:137px;
}
.infolog_date_duration select.et2_date_duration { .infolog_date_duration select.et2_date_duration {
width: 52%; width: 69%;
margin-left: 2px; margin-left: 2px;
} }
@ -47,10 +43,6 @@ tr.infolog_rowHasParent > td:first-child {
background-position: 6px -2px; background-position: 6px -2px;
} }
/*Project Name*/
#infolog-edit_infolog-edit-project .et2_link_entry.no_app input.ui-autocomplete-input {
width: 291px;
}
/*get <a> tags inside description in listview with no breakline*/ /*get <a> tags inside description in listview with no breakline*/
.et2_nextmatch .egwGridView_grid tr td div.et2_vbox .infoDes a{ .et2_nextmatch .egwGridView_grid tr td div.et2_vbox .infoDes a{
display: inline-table; display: inline-table;
@ -103,3 +95,4 @@ div#infolog-edit_infolog-edit-description {
#infolog-index select#infolog-index_filter { #infolog-index select#infolog-index_filter {
width: 150px; width: 150px;
} }
#infolog_edit_info_responsible_chzn { width:99% !important;}

67
infolog/templates/default/edit.xet
View File

@ -30,18 +30,16 @@
<template id="infolog.edit.project" template="" lang="" group="0" version="1.5.004"> <template id="infolog.edit.project" template="" lang="" group="0" version="1.5.004">
<grid width="100%"> <grid width="100%">
<columns> <columns>
<column width="80" class="infolog_normalWrap"/> <column width="100" class="infolog_normalWrap"/>
<column width="190"/> <column width="115"/>
<column width="100"/> <column width="100"/>
<column/> <column width="400"/>
</columns> </columns>
<rows> <rows>
<row class="th">
<description value="Projectmanager" span="all"/>
</row>
<row class="row"> <row class="row">
<description value="Project"/> <description value="Project"/>
<link-entry id="pm_id" only_app='projectmanager' onchange="app.infolog.submit_if_not_empty" blur="None" class="infolog_projectName"/> <link-entry span="2" id="pm_id" only_app='projectmanager' onchange="app.infolog.submit_if_not_empty" blur="None" class="infolog_projectName"/>
<description/>
</row> </row>
<row class="row"> <row class="row">
<description value="Price"/> <description value="Price"/>
@ -51,17 +49,17 @@
</row> </row>
<row class="row"> <row class="row">
<description value="planned time" for="info_planned_time"/> <description value="planned time" for="info_planned_time"/>
<date-duration id="info_planned_time" display_format="$cont[duration_format]" class="infolog_date_duration" hours_per_day="$cont[hours_per_workday]" span="2"/> <date-duration span="2" id="info_planned_time" display_format="$cont[duration_format]" class="infolog_date_duration et2_fullWidth" hours_per_day="$cont[hours_per_workday]"/>
<description/> <description/>
</row> </row>
<row class="row"> <row class="row">
<description value="Re-planned time" for="info_replanned_time"/> <description value="Re-planned time" for="info_replanned_time"/>
<date-duration id="info_replanned_time" display_format="$cont[duration_format]" class="infolog_date_duration" hours_per_day="$cont[hours_per_workday]" span="2"/> <date-duration span="2" id="info_replanned_time" display_format="$cont[duration_format]" class="infolog_date_duration et2_fullWidth" hours_per_day="$cont[hours_per_workday]"/>
<description/> <description/>
</row> </row>
<row class="row" valign="top" height="60%"> <row class="row" valign="top" height="60%">
<description statustext="Leave blank to get the used time calculated by timesheet entries" value="used time" for="info_used_time"/> <description statustext="Leave blank to get the used time calculated by timesheet entries" value="used time" for="info_used_time"/>
<date-duration id="info_used_time" span="2" display_format="$cont[duration_format]" class="infolog_date_duration" hours_per_day="$cont[hours_per_workday]"/> <date-duration span="2" id="info_used_time" display_format="$cont[duration_format]" class="infolog_date_duration et2_fullWidth" hours_per_day="$cont[hours_per_workday]"/>
<description/> <description/>
</row> </row>
</rows> </rows>
@ -89,7 +87,7 @@
<grid width="100%"> <grid width="100%">
<columns> <columns>
<column width="46%"/> <column width="46%"/>
<column width="4%"/> <column width="60"/>
<column width="49%"/> <column width="49%"/>
</columns> </columns>
<rows> <rows>
@ -101,33 +99,25 @@
<row valign="top"> <row valign="top">
<grid> <grid>
<columns> <columns>
<column width="78"/> <column width="120"/>
<column width="300"/> <column width="250"/>
</columns> </columns>
<rows> <rows>
<row> <row>
<description value="CC"/> <description value="CC"/>
<taglist-email id="info_cc" width="97%"/> <taglist-email id="info_cc" class="et2_fullWidth"/>
</row> </row>
<row class="row" valign="top"> <row class="row" valign="top">
<description value="Responsible" for="info_responsible"/> <description value="Responsible" for="info_responsible"/>
<menulist> <taglist-account statustext="select a responsible user: a person you want to delegate this task" id="info_responsible" rows="6" multiple="true" no_lang="1" class="et2_fullWidth" account_type="both" empty_label="User or group" onchange="app.infolog.onchangeResponsible"/>
<menupopup type="select-account" statustext="select a responsible user: a person you want to delegate this task" id="info_responsible" multiple="true" no_lang="1" tags="true" class="et2_fullWidth" account_type="both" empty_label="User or group" onchange="app.infolog.onchangeResponsible"/>
</menulist>
</row>
<row class="row" disabled="1">
<description value="Confirm" for="info_confirm"/>
<menulist class="et2_fullWidth">
<menupopup statustext="do you want a confirmation of the responsible on: accepting, finishing the task or both" id="info_confirm"/>
</menulist>
</row> </row>
</rows> </rows>
</grid> </grid>
<description/> <description/>
<grid> <grid>
<columns> <columns>
<column width="78"/> <column width="120"/>
<column/> <column width="230"/>
</columns> </columns>
<rows> <rows>
<row> <row>
@ -177,23 +167,20 @@
<template id="infolog.edit" template="" lang="" group="0" version="1.9.101"> <template id="infolog.edit" template="" lang="" group="0" version="1.9.101">
<grid width="100%"> <grid width="100%">
<columns> <columns>
<column width="88"/> <column width="100"/>
<column width="302"/> <column width="215"/>
<column width="30"/> <column width="30"/>
<column width="88"/> <column width="100"/>
<column width="122"/> <column width="135"/>
<column width="30"/> <column width="30"/>
<column width="50"/> <column width="50"/>
<column width="30"/>
<column width="12"/>
</columns> </columns>
<rows> <rows>
<row class="dialogHeader"> <row class="dialogHeader">
<description value="Title" for="info_subject"/> <description value="Title" for="info_subject"/>
<textbox statustext="a short subject for the entry" id="info_subject" class="et2_fullWidth et2_required" maxlength="255" span="5" tabindex="1"/> <textbox statustext="a short subject for the entry" id="info_subject" class="et2_fullWidth et2_required" maxlength="255" span="4" tabindex="1"/>
<textbox type="integer" id="info_number" readonly="true"/> <textbox type="integer" id="info_number" readonly="true"/>
<appicon src="infolog" for="info_number"/> <appicon src="infolog" for="info_number"/>
<description/>
</row> </row>
<row class="dialogHeader2"> <row class="dialogHeader2">
<description value="Type" for="info_type"/> <description value="Type" for="info_type"/>
@ -202,8 +189,7 @@
</menulist> </menulist>
<description/> <description/>
<description value="Contact"/> <description value="Contact"/>
<link-entry id="info_contact" span="4"/> <link-entry id="info_contact"/>
<description/>
</row> </row>
<row class="dialogHeader3"> <row class="dialogHeader3">
<description value="Startdate" for="info_startdate"/> <description value="Startdate" for="info_startdate"/>
@ -211,10 +197,9 @@
<description/> <description/>
<description value="Enddate" for="info_enddate"/> <description value="Enddate" for="info_enddate"/>
<date-time statustext="til when should the ToDo or Phonecall be finished" id="info_enddate" class="et2_fullWidth" span="4"/> <date-time statustext="til when should the ToDo or Phonecall be finished" id="info_enddate" class="et2_fullWidth" span="4"/>
<description/>
</row> </row>
<row class="et2_toolbar"> <row class="et2_toolbar">
<description id="spacer" span="6"/> <description id="spacer" span="5"/>
<buttononly statustext="Insert timestamp into description field" id="timestamp" class="infologExtraButton infologTimestamp" background_image="1" image="timestamp" onclick="app.infolog.insert_text('info_des');"/> <buttononly statustext="Insert timestamp into description field" id="timestamp" class="infologExtraButton infologTimestamp" background_image="1" image="timestamp" onclick="app.infolog.insert_text('info_des');"/>
<buttononly statustext="Encrypt description" id="encrypt" class="infologExtraButton infologEncrypt" background_image="1" image="lock" onclick="app.infolog.toggleEncrypt"/> <buttononly statustext="Encrypt description" id="encrypt" class="infologExtraButton infologEncrypt" background_image="1" image="lock" onclick="app.infolog.toggleEncrypt"/>
</row> </row>
@ -248,10 +233,9 @@
</menulist> </menulist>
<description/> <description/>
<description value="Completed" for="info_percent"/> <description value="Completed" for="info_percent"/>
<menulist class="et2_fullWidth" span="4"> <menulist class="et2_fullWidth">
<menupopup type="select-percent" statustext="Percent completed" id="info_percent" onchange="app.infolog.status_changed(this.id, form::name('info_status'), form::name('info_percent'), form::name('info_datecompleted'))"/> <menupopup type="select-percent" statustext="Percent completed" id="info_percent" onchange="app.infolog.status_changed(this.id, form::name('info_status'), form::name('info_percent'), form::name('info_datecompleted'))"/>
</menulist> </menulist>
<description/>
</row> </row>
<row disabled="!@info_owner" class="dialogOperators"> <row disabled="!@info_owner" class="dialogOperators">
<description value="Owner"/> <description value="Owner"/>
@ -263,16 +247,15 @@
</hbox> </hbox>
<description/> <description/>
<description value="Last modified"/> <description value="Last modified"/>
<hbox width="100%" span="4"> <hbox width="100%">
<menulist> <menulist>
<menupopup type="select-account" id="info_modifier" readonly="true"/> <menupopup type="select-account" id="info_modifier" readonly="true"/>
</menulist> </menulist>
<date-time id="info_datemodified" readonly="true" align="right"/> <date-time id="info_datemodified" readonly="true" align="right"/>
</hbox> </hbox>
<description/>
</row> </row>
<row class="dialogFooterToolbar"> <row class="dialogFooterToolbar">
<hbox span="5"> <hbox span="4">
<button statustext="Saves this entry" label="Save" id="button[save]" image="save" background_image="1"/> <button statustext="Saves this entry" label="Save" id="button[save]" image="save" background_image="1"/>
<button statustext="Apply the changes" label="Apply" id="button[apply]" image="apply" background_image="1"/> <button statustext="Apply the changes" label="Apply" id="button[apply]" image="apply" background_image="1"/>
<button statustext="leave without saveing the entry" label="Cancel" id="button[cancel]" onclick="window.close();" image="cancel" background_image="1"/> <button statustext="leave without saveing the entry" label="Cancel" id="button[cancel]" onclick="window.close();" image="cancel" background_image="1"/>

14
infolog/templates/pixelegg/app.css
View File

@ -102,13 +102,8 @@ table.infolog_fullWidth {
#info_subject { #info_subject {
width: 100%; width: 100%;
} }
/* date-duration styling in project manager tab */
.infolog_date_duration:first-child input.et2_date_duration {
float: left;
width: 137px;
}
.infolog_date_duration select.et2_date_duration { .infolog_date_duration select.et2_date_duration {
width: 52%; width: 69%;
margin-left: 2px; margin-left: 2px;
} }
tr.infolog_rowHasParent > td:first-child { tr.infolog_rowHasParent > td:first-child {
@ -116,10 +111,6 @@ tr.infolog_rowHasParent > td:first-child {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 6px -2px; background-position: 6px -2px;
} }
/*Project Name*/
#infolog-edit_infolog-edit-project .et2_link_entry.no_app input.ui-autocomplete-input {
width: 291px;
}
/*get <a> tags inside description in listview with no breakline*/ /*get <a> tags inside description in listview with no breakline*/
.et2_nextmatch .egwGridView_grid tr td div.et2_vbox .infoDes a { .et2_nextmatch .egwGridView_grid tr td div.et2_vbox .infoDes a {
display: inline-table; display: inline-table;
@ -169,6 +160,9 @@ div#infolog-edit_infolog-edit-description {
#infolog-index select#infolog-index_filter { #infolog-index select#infolog-index_filter {
width: 150px; width: 150px;
} }
#infolog_edit_info_responsible_chzn {
width: 99% !important;
}
/*########################################### /*###########################################
# # # #
# dialogHeader # # dialogHeader #