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;
}
#calendar-edit #calendar-edit_calendar-edit-details #calendar-edit_category {
border: 1px solid;
border-color: #b4b4b4;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
@ -1730,42 +1728,6 @@ div.calendar {
-moz-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 {
display: table;
width: 100%;
@ -2591,4 +2553,16 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
#calendar-list button.plus_button {
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 {
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"/>
</columns>
<rows>
<row>
<description for="priority" value="Priority"/>
<menulist>
@ -18,17 +17,17 @@
</row>
<row class="row add_alarm_action" valign="top" disabled="@no_add_alarm">
<button id="button[add_alarm]" label="Alarm" image="add" background_image="1"/>
<hbox>
<vbox>
<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>
<date-time id="new_alarm[date]" class="calendar_alarm_date_display"/>
</hbox>
<date-time id="new_alarm[date]" class="calendar_alarm_date_display et2_fullWidth"/>
</vbox>
</row>
<row>
<description value="for"/>
<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>
</row>
<row disabled="!@alarm">
@ -67,26 +66,20 @@
<grid width="99%" id="participants">
<columns>
<column width = "120"/>
<column width="95%"/>
<column width="80%"/>
<column width = "20"/>
</columns>
<rows>
<row class="th" disabled="@view">
<description value="Add new participants or resource" span="all"/>
<row disabled="@view">
<calendar-owner id="participant" allowFreeEntries="true" empty_label="Add new participants or resource"/>
</row>
<row disabled="@no_add">
<vbox>
<menulist>
<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>
<link-entry id="resource" options="@cal_resources" query="app.calendar.edit_participant_search"/>
</vbox>
<vbox>
<textbox type="integer" align="center" id="quantity" min="1" size="3"/>
<menulist>
<menupopup class="selectRole" id="role"/>
</menulist>
</vbox>
<hbox >
<textbox label="Quantity" type="integer" class="quantity" id="quantity" min="1" size="3"/>
</hbox>
<button align="center" id="add" image="add" background_image="1" novalidate="1"/>
</row>
<row class="th">
@ -94,7 +87,7 @@
<description value="Status"/>
<description value="Actions"/>
</row>
<row valign="top">
<row >
<description id="${row}[title]" no_lang="1"/>
<hbox>
<menulist>
@ -103,7 +96,7 @@
<textbox type="integer" align="center" id="${row}[quantity]" readonly="true" min="1" size="3"/>
<description id="${row}[role_label]"/>
</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>
</rows>
</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"/>
</menulist>
</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>
<description for="tzid" value="Timezone"/>
<menulist>
<menupopup type="select-timezone" statustext="Timezone in which recurrences have identical time" id="tzid" class="et2_fullWidth"/>
</menulist>
</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>
<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"/>
@ -197,6 +190,32 @@
</rows>
</grid>
</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">
<grid border="1" width="100%">
<columns>
@ -240,11 +259,11 @@
</row>
<row>
<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 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"/>
</hbox>
</vbox>
</row>
<row>
<description for="location" value="Location"/>
@ -252,19 +271,18 @@
</row>
<row>
<description for="category" value="Categories"/>
<menulist class="et2_fullWidth">
<menupopup type="select-cat" statustext="select a category for this entry" id="category" options="None"/>
</menulist>
<taglist-cat id="category" class="et2_fullWidth"/>
</row>
<row>
<tabbox id="tabs" span="all" width="100%" align_tabs="v">
<tabs>
<tab id="description" label="Description" statustext="Full description"/>
<tab id="participants" label="Participants" statustext="Participants, Resources, ..."/>
<tab id="details" label="Details" statustext="Location, Start- and Endtimes, ..."/>
<tab id="recurrence" label="Recurrence" statustext="Repeating Event Information"/>
<tab id="custom" label="Custom" statustext="Custom fields"/>
<tab id="links" label="Links" statustext="Links, Attachments"/>
<tab id="description" label="Description" />
<tab id="participants" label="Participants" />
<tab id="details" label="Details" />
<tab id="recurrence" label="Recurrence" />
<tab id="custom" label="Custom"/>
<tab id="links" label="Links"/>
<tab id="ownership" label="Ownership"/>
</tabs>
<tabpanels>
<template id="calendar.edit.description"/>
@ -273,36 +291,12 @@
<template id="calendar.edit.recurrence"/>
<template id="calendar.edit.custom"/>
<template id="calendar.edit.links"/>
<template id="calendar.edit.ownership"/>
</tabpanels>
</tabbox>
</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>
</rows>
</grid>

View File

@ -1716,42 +1716,6 @@ div.calendar {
-moz-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 {
display: table;
width: 100%;

View File

@ -526,59 +526,7 @@ div.calendar { position: relative; }
/*###########################################*/
// 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

View File

@ -5275,35 +5275,21 @@ button.image_button {
* @package pixelegg
* @version $Id$
*/
/*SVG Filter / not for Logo */
#egw_fw_sidebar img[src$="svg"] {
background-color: #696969;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #696969, #696969);
background-image: -ms-linear-gradient(top, #696969, #696969);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#696969), to(#696969));
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;
/* disabled for now in pixelegg.less, until we use svg outside filemanager thumbnails
//SVG Filter / not for Logo
#egw_fw_sidebar img[src$="svg"]{
.gradient_vertical (@gray_60, @gray_60);
.rounded(3px);
border: 1px solid @gray_0;;
}
#egw_fw_main img[src$="svg"],
#egw_fw_footer img[src$="svg"] {
/*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/
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;
}
#egw_fw_footer img[src$="svg"]{
//.gradient_vertical (@egw_color_2_a, @egw_color_2_a);
.gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
}*/
/**
* 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'
/*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 {
margin-left: 0px;
color: #26537c;
@ -5433,17 +5425,6 @@ table.egwGridView_outer > tbody > tr > td img {
table.egwGridView_outer > tbody > tr > td time {
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 {
font-size: 12px;

View File

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

View File

@ -785,9 +785,26 @@
.mob-fontsize-n;
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
}
.et2_textbox, .et2_date, .et2_dropdown, .et2_link, .et2_label, input{
height:32px;
.et2_textbox, .et2_date, .et2_dropdown, .et2_link, .et2_label, input, select, .et2_selectbox{
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 {
height: 46px;
margin: 1px;
@ -811,6 +828,7 @@
.et2_details {
position: relative;
background-color: #F0F0F0;
height:32px;
.et2_details_toggle {
position: absolute;
right: 2px;
@ -1074,7 +1092,7 @@
line-height: 32px;
vertical-align: middle;
position: relative;
padding-left: 40px;
padding-left: 40px !important;
input[type="checkbox"] {
position: absolute;
left:0