Mobile theme W.I.P:

- Fix calendar edit dialog
This commit is contained in:
Hadi Nategh 2016-03-03 18:27:32 +00:00
parent b540582c2b
commit e8707bec90
8 changed files with 165 additions and 274 deletions

View File

@ -1686,8 +1686,6 @@ div.calendar {
text-indent: -20px; text-indent: -20px;
} }
#calendar-edit #calendar-edit_calendar-edit-details #calendar-edit_category { #calendar-edit #calendar-edit_calendar-edit-details #calendar-edit_category {
border: 1px solid;
border-color: #b4b4b4;
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
border-radius: 3px; border-radius: 3px;
@ -1730,42 +1728,6 @@ div.calendar {
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
} }
#calendar-edit #calendar-edit_calendar-edit-participants {
/*.et2_label {padding: 0 5px 0 0;}*/
}
#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants {
margin: 5px;
}
#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants td {
padding: 0.2em 0.5em;
}
#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants #calendar-edit_account {
width: 143px;
}
#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants #calendar-edit_resource select {
width: 143px !important;
}
#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants #calendar-edit_resource input {
width: 103px !important;
}
#calendar-edit #calendar-edit_calendar-edit-participants tr.optional {
background-color: rgba(255, 221, 115, 0.1);
}
#calendar-edit #calendar-edit_calendar-edit-participants tbody {
display: table;
width: 100%;
}
#calendar-edit #calendar-edit_calendar-edit-participants tbody td {
vertical-align: top;
padding-top: 3px;
}
#calendar-edit #calendar-edit_calendar-edit-participants tbody input#calendar-edit_quantity {
width: 30px;
/* position: relative;
top: 34px;
left: 40px;*/
margin: 6px 0px;
}
#calendar-edit #calendar-edit_calendar-edit-recurrence tbody { #calendar-edit #calendar-edit_calendar-edit-recurrence tbody {
display: table; display: table;
width: 100%; width: 100%;
@ -2591,4 +2553,16 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
#calendar-list button.plus_button { #calendar-list button.plus_button {
bottom: 65px ; bottom: 65px ;
} }
#calendar-edit_category {
max-width: 100%;
}
#calendar-edit #calendar-edit_whole_day {
margin: 0;
}
.quantity {
margin-left: 5px;
}
#popupMainDiv .et2_date.calendar_alarm_date_display {
padding-left: 3px;
}
} }

View File

@ -51,4 +51,8 @@
#calendar-list button.plus_button { #calendar-list button.plus_button {
bottom: 65px ; bottom: 65px ;
} }
#calendar-edit_category {max-width: 100%;}
#calendar-edit #calendar-edit_whole_day {margin:0;}
.quantity{margin-left:5px;}
#popupMainDiv .et2_date.calendar_alarm_date_display {padding-left: 3px;}
} }

View File

@ -9,7 +9,6 @@
<column width = "600"/> <column width = "600"/>
</columns> </columns>
<rows> <rows>
<row> <row>
<description for="priority" value="Priority"/> <description for="priority" value="Priority"/>
<menulist> <menulist>
@ -18,17 +17,17 @@
</row> </row>
<row class="row add_alarm_action" valign="top" disabled="@no_add_alarm"> <row class="row add_alarm_action" valign="top" disabled="@no_add_alarm">
<button id="button[add_alarm]" label="Alarm" image="add" background_image="1"/> <button id="button[add_alarm]" label="Alarm" image="add" background_image="1"/>
<hbox> <vbox>
<menulist> <menulist>
<menupopup type="select" statustext="" id="new_alarm[options]" onchange="app.calendar.alarm_custom_date"/> <menupopup type="select" statustext="" id="new_alarm[options]" class="et2_fullWidth" onchange="app.calendar.alarm_custom_date"/>
</menulist> </menulist>
<date-time id="new_alarm[date]" class="calendar_alarm_date_display"/> <date-time id="new_alarm[date]" class="calendar_alarm_date_display et2_fullWidth"/>
</hbox> </vbox>
</row> </row>
<row> <row>
<description value="for"/> <description value="for"/>
<menulist> <menulist>
<menupopup statustext="Select who should get the alarm" id="new_alarm[owner]" no_lang="1"/> <menupopup statustext="Select who should get the alarm" id="new_alarm[owner]" no_lang="1" class="et2_fullWidth"/>
</menulist> </menulist>
</row> </row>
<row disabled="!@alarm"> <row disabled="!@alarm">
@ -67,26 +66,20 @@
<grid width="99%" id="participants"> <grid width="99%" id="participants">
<columns> <columns>
<column width = "120"/> <column width = "120"/>
<column width="95%"/> <column width="80%"/>
<column width = "20"/> <column width = "20"/>
</columns> </columns>
<rows> <rows>
<row class="th" disabled="@view"> <row disabled="@view">
<description value="Add new participants or resource" span="all"/> <calendar-owner id="participant" allowFreeEntries="true" empty_label="Add new participants or resource"/>
</row> </row>
<row disabled="@no_add"> <row disabled="@no_add">
<vbox> <menulist>
<menulist> <menupopup class="selectRole" id="role"/>
<menupopup type="select-account" statustext="User or group" id="account" multiple="true" no_lang="true" tags="true" account_type="both" empty_label="User or group" class="et2_fullWidth" width="99%"/> </menulist>
</menulist> <hbox >
<link-entry id="resource" options="@cal_resources" query="app.calendar.edit_participant_search"/> <textbox label="Quantity" type="integer" class="quantity" id="quantity" min="1" size="3"/>
</vbox> </hbox>
<vbox>
<textbox type="integer" align="center" id="quantity" min="1" size="3"/>
<menulist>
<menupopup class="selectRole" id="role"/>
</menulist>
</vbox>
<button align="center" id="add" image="add" background_image="1" novalidate="1"/> <button align="center" id="add" image="add" background_image="1" novalidate="1"/>
</row> </row>
<row class="th"> <row class="th">
@ -94,7 +87,7 @@
<description value="Status"/> <description value="Status"/>
<description value="Actions"/> <description value="Actions"/>
</row> </row>
<row valign="top"> <row >
<description id="${row}[title]" no_lang="1"/> <description id="${row}[title]" no_lang="1"/>
<hbox> <hbox>
<menulist> <menulist>
@ -103,7 +96,7 @@
<textbox type="integer" align="center" id="${row}[quantity]" readonly="true" min="1" size="3"/> <textbox type="integer" align="center" id="${row}[quantity]" readonly="true" min="1" size="3"/>
<description id="${row}[role_label]"/> <description id="${row}[role_label]"/>
</hbox> </hbox>
<button align="center" label="Delete" id="delete[$row_cont[delete_id]]" image="delete"/> <button align="center" id="delete[$row_cont[delete_id]]" image="delete"/>
</row> </row>
</rows> </rows>
</grid> </grid>
@ -130,16 +123,16 @@
<menupopup type="select-number" statustext="repeating interval, eg. 2 to repeat every second week" id="recur_interval" options="None,2,31" class="et2_fullWidth"/> <menupopup type="select-number" statustext="repeating interval, eg. 2 to repeat every second week" id="recur_interval" options="None,2,31" class="et2_fullWidth"/>
</menulist> </menulist>
</row> </row>
<row>
<description for="recur_enddate" value="End date"/>
<date statustext="repeat the event until which date (empty means unlimited)" id="recur_enddate"/>
</row>
<row> <row>
<description for="tzid" value="Timezone"/> <description for="tzid" value="Timezone"/>
<menulist> <menulist>
<menupopup type="select-timezone" statustext="Timezone in which recurrences have identical time" id="tzid" class="et2_fullWidth"/> <menupopup type="select-timezone" statustext="Timezone in which recurrences have identical time" id="tzid" class="et2_fullWidth"/>
</menulist> </menulist>
</row> </row>
<row>
<description for="recur_enddate" value="End date"/>
<date statustext="repeat the event until which date (empty means unlimited)" id="recur_enddate"/>
</row>
<row> <row>
<description for="recur_data" value="Repeat days"/> <description for="recur_data" value="Repeat days"/>
<listbox type="select-dow" statustext="Days of the week for a weekly repeated event" id="recur_data" rows="6" options="1"/> <listbox type="select-dow" statustext="Days of the week for a weekly repeated event" id="recur_data" rows="6" options="1"/>
@ -197,6 +190,32 @@
</rows> </rows>
</grid> </grid>
</template> </template>
<template id="calendar.edit.ownership" template="" lang="" group="0" version="1.0.1.001">
<grid width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
</columns>
<rows>
<row disabled="!@owner">
<description value="Owner"/>
<menulist>
<menupopup type="select-account" id="owner" readonly="true"/>
</menulist>
</row>
<row disabled="!@modified">
<description value="Updated"/>
<date-time id="modified" no_lang="1" readonly="true"/>
</row>
<row disabled="!@modifier">
<description value="by"/>
<menulist>
<menupopup type="select-account" class="et2_nowrap" id="modifier" readonly="true"/>
</menulist>
</row>
</rows>
</grid>
</template>
<template id="calendar.edit" template="" lang="" group="0" version="1.9.001"> <template id="calendar.edit" template="" lang="" group="0" version="1.9.001">
<grid border="1" width="100%"> <grid border="1" width="100%">
<columns> <columns>
@ -240,11 +259,11 @@
</row> </row>
<row> <row>
<description value="Options"/> <description value="Options"/>
<hbox> <vbox>
<checkbox statustext="Event will occupy the whole day" label="whole day" id="whole_day" onchange="app.calendar.set_alarmOptions_WD"/>
<checkbox statustext="A non blocking event will not conflict with other events" label="non blocking" id="non_blocking" options="1,0, ,disable"/> <checkbox statustext="A non blocking event will not conflict with other events" label="non blocking" id="non_blocking" options="1,0, ,disable"/>
<checkbox label="Private" id="public" options="0,1"/> <checkbox label="Private" id="public" options="0,1"/>
<checkbox statustext="Event will occupy the whole day" label="whole day" id="whole_day" onchange="app.calendar.set_alarmOptions_WD"/> </vbox>
</hbox>
</row> </row>
<row> <row>
<description for="location" value="Location"/> <description for="location" value="Location"/>
@ -252,19 +271,18 @@
</row> </row>
<row> <row>
<description for="category" value="Categories"/> <description for="category" value="Categories"/>
<menulist class="et2_fullWidth"> <taglist-cat id="category" class="et2_fullWidth"/>
<menupopup type="select-cat" statustext="select a category for this entry" id="category" options="None"/>
</menulist>
</row> </row>
<row> <row>
<tabbox id="tabs" span="all" width="100%" align_tabs="v"> <tabbox id="tabs" span="all" width="100%" align_tabs="v">
<tabs> <tabs>
<tab id="description" label="Description" statustext="Full description"/> <tab id="description" label="Description" />
<tab id="participants" label="Participants" statustext="Participants, Resources, ..."/> <tab id="participants" label="Participants" />
<tab id="details" label="Details" statustext="Location, Start- and Endtimes, ..."/> <tab id="details" label="Details" />
<tab id="recurrence" label="Recurrence" statustext="Repeating Event Information"/> <tab id="recurrence" label="Recurrence" />
<tab id="custom" label="Custom" statustext="Custom fields"/> <tab id="custom" label="Custom"/>
<tab id="links" label="Links" statustext="Links, Attachments"/> <tab id="links" label="Links"/>
<tab id="ownership" label="Ownership"/>
</tabs> </tabs>
<tabpanels> <tabpanels>
<template id="calendar.edit.description"/> <template id="calendar.edit.description"/>
@ -273,36 +291,12 @@
<template id="calendar.edit.recurrence"/> <template id="calendar.edit.recurrence"/>
<template id="calendar.edit.custom"/> <template id="calendar.edit.custom"/>
<template id="calendar.edit.links"/> <template id="calendar.edit.links"/>
<template id="calendar.edit.ownership"/>
</tabpanels> </tabpanels>
</tabbox> </tabbox>
</row> </row>
<row> <row>
<details title="Ownership">
<grid width="100%">
<columns>
<column width = "120"/>
<column width="600"/>
</columns>
<rows>
<row disabled="!@owner" class="dialogOperators">
<description value="Owner"/>
<menulist>
<menupopup type="select-account" id="owner" readonly="true"/>
</menulist>
</row>
<row>
<description value="Updated"/>
<date-time id="modified" no_lang="1" readonly="true"/>
</row>
<row>
<description/>
<menulist>
<menupopup type="select-account" label="by" class="et2_nowrap" id="modifier" align="right" readonly="true"/>
</menulist>
</row>
</rows>
</grid>
</details>
</row> </row>
</rows> </rows>
</grid> </grid>

View File

@ -1716,42 +1716,6 @@ div.calendar {
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
} }
#calendar-edit #calendar-edit_calendar-edit-participants {
/*.et2_label {padding: 0 5px 0 0;}*/
}
#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants {
margin: 5px;
}
#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants td {
padding: 0.2em 0.5em;
}
#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants #calendar-edit_account {
width: 143px;
}
#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants #calendar-edit_resource select {
width: 143px !important;
}
#calendar-edit #calendar-edit_calendar-edit-participants table#calendar-edit_participants #calendar-edit_resource input {
width: 103px !important;
}
#calendar-edit #calendar-edit_calendar-edit-participants tr.optional {
background-color: rgba(255, 221, 115, 0.1);
}
#calendar-edit #calendar-edit_calendar-edit-participants tbody {
display: table;
width: 100%;
}
#calendar-edit #calendar-edit_calendar-edit-participants tbody td {
vertical-align: top;
padding-top: 3px;
}
#calendar-edit #calendar-edit_calendar-edit-participants tbody input#calendar-edit_quantity {
width: 30px;
/* position: relative;
top: 34px;
left: 40px;*/
margin: 6px 0px;
}
#calendar-edit #calendar-edit_calendar-edit-recurrence tbody { #calendar-edit #calendar-edit_calendar-edit-recurrence tbody {
display: table; display: table;
width: 100%; width: 100%;

View File

@ -526,59 +526,7 @@ div.calendar { position: relative; }
/*###########################################*/ /*###########################################*/
// Teilnehmer // Teilnehmer
#calendar-edit_calendar-edit-participants{
table#calendar-edit_participants {
margin: 5px;
td {padding: 0.2em 0.5em;}
// User and Group
#calendar-edit_account{ width: 143px;}
//Adress
#calendar-edit_resource {
select{
width: 143px !important;
}
// Search
input{
width: 103px !important;
}
}
}
tr.optional {background-color: @color_optional;}
tbody{
display: table;
width: 100%;
td {vertical-align: top; padding-top: 3px;}
// Quantity
input#calendar-edit_quantity {
width: 30px;
/* position: relative;
top: 34px;
left: 40px;*/
margin: 6px 0px;
}
}
// Table
/*.et2_label {padding: 0 5px 0 0;}*/
}
/*###########################################*/ /*###########################################*/
// Wiederholung // Wiederholung

View File

@ -5275,35 +5275,21 @@ button.image_button {
* @package pixelegg * @package pixelegg
* @version $Id$ * @version $Id$
*/ */
/*SVG Filter / not for Logo */ /* disabled for now in pixelegg.less, until we use svg outside filemanager thumbnails
#egw_fw_sidebar img[src$="svg"] {
background-color: #696969; //SVG Filter / not for Logo
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); #egw_fw_sidebar img[src$="svg"]{
background-image: -moz-linear-gradient(top, #696969, #696969); .gradient_vertical (@gray_60, @gray_60);
background-image: -ms-linear-gradient(top, #696969, #696969); .rounded(3px);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#696969), to(#696969)); border: 1px solid @gray_0;;
background-image: -webkit-linear-gradient(top, #696969, #696969);
background-image: -o-linear-gradient(top, #696969, #696969);
background-image: linear-gradient(top, #696969, #696969);
background-repeat: repeat-x;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ffffff;
} }
#egw_fw_main img[src$="svg"], #egw_fw_main img[src$="svg"],
#egw_fw_footer img[src$="svg"] { #egw_fw_footer img[src$="svg"]{
/*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/ //.gradient_vertical (@egw_color_2_a, @egw_color_2_a);
background-color: rgba(0, 0, 0, 0.5); .gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDAsIDAsIDAsIDAuNSkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMC41KSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDMpIi8+PC9zdmc+);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); }*/
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-repeat: repeat-x;
}
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template
* *
@ -5422,6 +5408,12 @@ table.egwGridView_outer > tbody > tr td.frame {
/*border: 1px solid @gray_10; can't have - breaks grid scroll calculations' /*border: 1px solid @gray_10; can't have - breaks grid scroll calculations'
/*padding: 0px 5px; no need*/ /*padding: 0px 5px; no need*/
} }
table.egwGridView_outer > tbody > tr > td {
/* disabled as it skrews display of svg in filemanager
img[src$="svg"] {
.gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
}*/
}
table.egwGridView_outer > tbody > tr > td .et2_link { table.egwGridView_outer > tbody > tr > td .et2_link {
margin-left: 0px; margin-left: 0px;
color: #26537c; color: #26537c;
@ -5433,17 +5425,6 @@ table.egwGridView_outer > tbody > tr > td img {
table.egwGridView_outer > tbody > tr > td time { table.egwGridView_outer > tbody > tr > td time {
display: block; display: block;
} }
table.egwGridView_outer > tbody > tr > td img[src$="svg"] {
background-color: rgba(0, 0, 0, 0.5);
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDAsIDAsIDAsIDAuNSkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMC41KSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDMpIi8+PC9zdmc+);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-repeat: repeat-x;
}
/*########################################################*/ /*########################################################*/
table.egwGridView_grid { table.egwGridView_grid {
font-size: 12px; font-size: 12px;

View File

@ -5286,35 +5286,21 @@ button.image_button {
* @package pixelegg * @package pixelegg
* @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $ * @version $Id: layout_table.less 3089 2014-06-11 14:02:57Z pixelegg $
*/ */
/*SVG Filter / not for Logo */ /* disabled for now in pixelegg.less, until we use svg outside filemanager thumbnails
#egw_fw_sidebar img[src$="svg"] {
background-color: #696969; //SVG Filter / not for Logo
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); #egw_fw_sidebar img[src$="svg"]{
background-image: -moz-linear-gradient(top, #696969, #696969); .gradient_vertical (@gray_60, @gray_60);
background-image: -ms-linear-gradient(top, #696969, #696969); .rounded(3px);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#696969), to(#696969)); border: 1px solid @gray_0;;
background-image: -webkit-linear-gradient(top, #696969, #696969);
background-image: -o-linear-gradient(top, #696969, #696969);
background-image: linear-gradient(top, #696969, #696969);
background-repeat: repeat-x;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ffffff;
} }
#egw_fw_main img[src$="svg"], #egw_fw_main img[src$="svg"],
#egw_fw_footer img[src$="svg"] { #egw_fw_footer img[src$="svg"]{
/*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/ //.gradient_vertical (@egw_color_2_a, @egw_color_2_a);
background-color: rgba(0, 0, 0, 0.5); .gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDAsIDAsIDAsIDAuNSkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMC41KSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDMpIi8+PC9zdmc+);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); }*/
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-repeat: repeat-x;
}
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template
* *
@ -5326,7 +5312,7 @@ button.image_button {
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
* @author Stefan Reinhard <stefan.reinhard@pixelegg.de> * @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
* @package pixelegg * @package pixelegg
* @version $Id: layout_table.less 55030 2016-02-16 17:18:02Z ralfbecker $ * @version $Id: layout_table.less 55187 2016-02-29 13:25:21Z ralfbecker $
*/ */
/** ##################################################################################### /** #####################################################################################
* et2 * et2
@ -5433,6 +5419,12 @@ table.egwGridView_outer > tbody > tr td.frame {
/*border: 1px solid @gray_10; can't have - breaks grid scroll calculations' /*border: 1px solid @gray_10; can't have - breaks grid scroll calculations'
/*padding: 0px 5px; no need*/ /*padding: 0px 5px; no need*/
} }
table.egwGridView_outer > tbody > tr > td {
/* disabled as it skrews display of svg in filemanager
img[src$="svg"] {
.gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
}*/
}
table.egwGridView_outer > tbody > tr > td .et2_link { table.egwGridView_outer > tbody > tr > td .et2_link {
margin-left: 0px; margin-left: 0px;
color: #26537c; color: #26537c;
@ -5444,17 +5436,6 @@ table.egwGridView_outer > tbody > tr > td img {
table.egwGridView_outer > tbody > tr > td time { table.egwGridView_outer > tbody > tr > td time {
display: block; display: block;
} }
table.egwGridView_outer > tbody > tr > td img[src$="svg"] {
background-color: rgba(0, 0, 0, 0.5);
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDAsIDAsIDAsIDAuNSkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMC41KSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDMpIi8+PC9zdmc+);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-image: linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
background-repeat: repeat-x;
}
/*########################################################*/ /*########################################################*/
table.egwGridView_grid { table.egwGridView_grid {
font-size: 12px; font-size: 12px;
@ -7613,6 +7594,9 @@ span.egw_tutorial_title {
border: none; border: none;
border-bottom: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
} }
body #popupMainDiv {
/* Exceptional cases to not get the general left padding*/
}
body #popupMainDiv * { body #popupMainDiv * {
font-size: 10pt; font-size: 10pt;
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
@ -7622,8 +7606,31 @@ span.egw_tutorial_title {
body #popupMainDiv .et2_dropdown, body #popupMainDiv .et2_dropdown,
body #popupMainDiv .et2_link, body #popupMainDiv .et2_link,
body #popupMainDiv .et2_label, body #popupMainDiv .et2_label,
body #popupMainDiv input { body #popupMainDiv input,
height: 32px; body #popupMainDiv select,
body #popupMainDiv .et2_selectbox {
height: 46px;
padding-left: 8px;
}
body #popupMainDiv input,
body #popupMainDiv select {
padding: 0;
}
body #popupMainDiv ul.et2_selectbox li {
padding-top: 13px;
}
body #popupMainDiv .et2_label .et2_date_ro.et2_label,
body #popupMainDiv .et2_date input.et2_date {
padding-left: 0;
}
body #popupMainDiv .et2_button_with_image {
background-color: transparent;
border: none;
box-shadow: none;
color: #1e1e1e;
}
body #popupMainDiv .et2_date {
min-width: 100px;
} }
body #popupMainDiv .et2_button_with_image, body #popupMainDiv .et2_button_with_image,
body #popupMainDiv .et2_button_text { body #popupMainDiv .et2_button_text {
@ -7646,6 +7653,7 @@ span.egw_tutorial_title {
body #popupMainDiv .et2_details { body #popupMainDiv .et2_details {
position: relative; position: relative;
background-color: #F0F0F0; background-color: #F0F0F0;
height: 32px;
} }
body #popupMainDiv .et2_details .et2_details_toggle { body #popupMainDiv .et2_details .et2_details_toggle {
position: absolute; position: absolute;
@ -7875,7 +7883,7 @@ span.egw_tutorial_title {
line-height: 32px; line-height: 32px;
vertical-align: middle; vertical-align: middle;
position: relative; position: relative;
padding-left: 40px; padding-left: 40px !important;
} }
body .et2_label.et2_checkbox_label input[type="checkbox"] { body .et2_label.et2_checkbox_label input[type="checkbox"] {
position: absolute; position: absolute;

View File

@ -785,9 +785,26 @@
.mob-fontsize-n; .mob-fontsize-n;
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
} }
.et2_textbox, .et2_date, .et2_dropdown, .et2_link, .et2_label, input{ .et2_textbox, .et2_date, .et2_dropdown, .et2_link, .et2_label, input, select, .et2_selectbox{
height:32px; height:46px;
padding-left: 8px;
} }
input, select {
padding:0;
}
ul.et2_selectbox {
li{padding-top: 13px;}
}
/* Exceptional cases to not get the general left padding*/
.et2_label .et2_date_ro.et2_label, .et2_date input.et2_date {padding-left: 0;}
.et2_button_with_image {
background-color: transparent;
border:none;
box-shadow: none;
color: #1e1e1e;
}
.et2_date {min-width:100px;}
.et2_button_with_image, .et2_button_text { .et2_button_with_image, .et2_button_text {
height: 46px; height: 46px;
margin: 1px; margin: 1px;
@ -811,6 +828,7 @@
.et2_details { .et2_details {
position: relative; position: relative;
background-color: #F0F0F0; background-color: #F0F0F0;
height:32px;
.et2_details_toggle { .et2_details_toggle {
position: absolute; position: absolute;
right: 2px; right: 2px;
@ -1074,7 +1092,7 @@
line-height: 32px; line-height: 32px;
vertical-align: middle; vertical-align: middle;
position: relative; position: relative;
padding-left: 40px; padding-left: 40px !important;
input[type="checkbox"] { input[type="checkbox"] {
position: absolute; position: absolute;
left:0 left:0