Fix taglist widget:

- Fix jumping input
- Fix suggestion popup needs always two clicks
- Fix styling for select input
- Fix calendar category and participant according to taglists changes
This commit is contained in:
Hadi Nategh 2016-04-20 14:03:29 +00:00
parent 11a3b76094
commit 1e3b918957
2 changed files with 11 additions and 9 deletions

View File

@ -1018,9 +1018,9 @@ ul.et2_link_string {
} }
.et2_taglist div.ms-ctn input { .et2_taglist div.ms-ctn input {
padding: 3px 5px; padding: 3px 5px;
} min-width:20px;
.et2_taglist div.ms-ctn input:focus { max-width: 93% !important;
min-width: 10em; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
} }
.et2_taglist .ms-res-ctn .ms-res-item { .et2_taglist .ms-res-ctn .ms-res-item {
@ -1120,7 +1120,7 @@ div .et2_taglist_single:not(.et2_taglist_small) div.ms-sel-ctn div.ms-sel-item {
.et2_taglist_single div.ms-sel-ctn .ms-close-btn { .et2_taglist_single div.ms-sel-ctn .ms-close-btn {
position: relative; position: relative;
top: 0px; top: 0px;
right: 10px; right: 20px;
float: none; float: none;
display: inline-block; display: inline-block;
} }
@ -1140,7 +1140,6 @@ div .et2_taglist_single:not(.et2_taglist_small) div.ms-sel-ctn div.ms-sel-item {
text-align: right; text-align: right;
position: absolute; position: absolute;
z-index: 10; z-index: 10;
top: 1px;
bottom: 0px; bottom: 0px;
right: 0; right: 0;
padding-top: 1em; padding-top: 1em;
@ -1153,6 +1152,7 @@ div .et2_taglist_single:not(.et2_taglist_small) div.ms-sel-ctn div.ms-sel-item {
} }
.et2_taglist_small:not(.et2_taglist_single) { .et2_taglist_small:not(.et2_taglist_single) {
border-bottom: 1px solid silver; border-bottom: 1px solid silver;
border-right: 1px solid silver;
} }
div .et2_taglist_small.et2_taglist_single div.ms-sel-ctn div.ms-sel-item { div .et2_taglist_small.et2_taglist_single div.ms-sel-ctn div.ms-sel-item {
max-width: calc(100% - 43px); max-width: calc(100% - 43px);

View File

@ -46,17 +46,19 @@
<grid width="99%" id="participants"> <grid width="99%" id="participants">
<columns> <columns>
<column width="85"/> <column width="85"/>
<column/> <column width="350"/>
<column/> <column width="88"/>
<column width="70"/> <column width="70"/>
<column/> <column width="100"/>
<column/> <column/>
</columns> </columns>
<rows> <rows>
<row class="th"></row> <row class="th"></row>
<row disabled="@no_add" height="35" class="et2_toolbar"> <row disabled="@no_add" height="35" class="et2_toolbar">
<button align="center" id="add" image="add" novalidate="1" background_image="1" readonly="true" ro_image="add"/> <button align="center" id="add" image="add" novalidate="1" background_image="1" readonly="true" ro_image="add"/>
<calendar-owner id="participant" allowFreeEntries="true" span="2" empty_label="Add new participants or resource" onchange="app.calendar.participantOnChange"/> <hbox span="2">
<calendar-owner id="participant" allowFreeEntries="true" empty_label="Add new participants or resource" onchange="app.calendar.participantOnChange"/>
</hbox>
<textbox type="integer" align="center" id="quantity" min="1" size="3"/> <textbox type="integer" align="center" id="quantity" min="1" size="3"/>
<menulist> <menulist>
<menupopup class="selectRole" id="role"/> <menupopup class="selectRole" id="role"/>