Some styling improvements

This commit is contained in:
Hadi Nategh 2021-02-19 13:11:51 +01:00
parent f89eff7dfe
commit 2f78cffb13
9 changed files with 40 additions and 34 deletions

View File

@ -37,7 +37,7 @@
<menulist>
<menupopup type="select-account" id="${row}[owner]" readonly="true"/>
</menulist>
<button align="center" statustext="Delete this alarm" label="Delete" id="delete_alarm[$row_cont[id]]" onclick="et2_dialog.confirm(widget,'Delete this alarm','Delete')" image="delete"/>
<button align="left" statustext="Delete this alarm" label="Delete" id="delete_alarm[$row_cont[id]]" onclick="et2_dialog.confirm(widget,'Delete this alarm','Delete')" image="delete"/>
</row>
</rows>
</grid>
@ -60,7 +60,7 @@
<calendar-owner id="participant" allowFreeEntries="true" span="4" empty_label="Add new participants or resource" onchange="app.calendar.participantOnChange"/>
<hbox width="100%">
<textbox type="integer" id="quantity" min="1" size="3"/>
<select class="selectRole" id="role" align="center"/>
<select class="selectRole" id="role"/>
<button id="add" align="right" image="add" novalidate="1" statustext="Please first select participants on the left and then use plus button to add them" background_image="1" readonly="true" ro_image="add"/>
</hbox>
</row>
@ -80,12 +80,12 @@
<menulist>
<menupopup id="${row}[status]" onchange="1"/>
</menulist>
<button align="center" label="Delete" id="delete[$row_cont[delete_id]]" image="delete"/>
<button align="left" label="Delete" id="delete[$row_cont[delete_id]]" image="delete"/>
</row>
</rows>
</grid>
<styles>
.selectRole select { width: 100%; }
select#calendar-edit_role { width: 50%; }
</styles>
</template>
<template id="calendar.edit.recurrence" template="" lang="" group="0" version="1.9.001">
@ -231,9 +231,8 @@
<label for="location" value="Location"/>
<hbox span="2">
<textbox id="location" maxlength="255" class="et2_fullWidth"/>
<checkbox label="Video Conference" id="videoconference" onchange="app.calendar.videoconferenceOnChange"/>
</hbox>
<description/>
<checkbox label="Video Conference" id="videoconference" onchange="app.calendar.videoconferenceOnChange"/>
<taglist-cat id="category" height="190" empty_label="Categories" multiple="toggle" class="et2_fullWidth" rows="1" />
</row>
<row>

View File

@ -2702,8 +2702,8 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
background-color: transparent;
}
#calendar-sidebox_header_today {
width: 19px;
height: 20px;
width: 2em;
height: 2em;
margin-left: 6px;
background-image: url('../../../pixelegg/images/bullet.svg');
text-indent: 140%;

View File

@ -2690,8 +2690,8 @@ div#calendar-container div.calendar table tbody tr.rowhilite td {
background-color: transparent;
}
#calendar-sidebox_header_today {
width: 19px;
height: 20px;
width: 2em;
height: 2em;
margin-left: 6px;
background-image: url('../../../pixelegg/images/bullet.svg');
text-indent: 140%;

View File

@ -1188,8 +1188,8 @@ div#calendar-container {
}
}
#calendar-sidebox_header_today {
width: 19px;
height: 20px;
width: 2em;
height: 2em;
margin-left: 6px;
background-image: url('../../../pixelegg/images/bullet.svg');

View File

@ -476,7 +476,7 @@ div#mail-index_mailPreview > div {
border: none;
}
#mail-compose_composeToolbar > button {
padding: .2em .4em;
padding: 0.2em 0.4em;
}
#mail-compose_composeToolbar > img {
width: 16px;
@ -489,7 +489,7 @@ div#mail-index_mailPreview > div {
height: 16px !important;
}
#mail-compose_composeToolbar > button {
padding: .2em .4em;
padding: 0.2em 0.4em;
}
#mail-compose_to div.ms-sel-ctn,
#mail-compose_cc .ms-sel-ctn,
@ -497,7 +497,7 @@ div#mail-index_mailPreview > div {
max-height: 75px;
}
#mail-display_toolbar > button > span {
padding: .2em .4em;
padding: 0.2em 0.4em;
}
#mail-display_toolbar > button > span > img {
width: 16px;
@ -520,7 +520,7 @@ div#mail-index_mailPreview > div {
height: 35px;
}
#mail-index_toolbar > button > span {
padding: .2em .4em;
padding: 0.2em 0.4em;
}
#mail-index_toolbar > button > span > img {
width: 16px;
@ -1903,7 +1903,7 @@ input[type=button] {
padding: 0px;
}
#mail-display_toolbar > button > span {
padding: .2em .4em;
padding: 0.2em 0.4em;
}
#mail-display_toolbar > button > span > img {
width: 16px;
@ -2115,7 +2115,7 @@ table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb:hover {
text-align: left;
font-weight: normal;
padding-left: 20px;
background-image: url(../pixelegg/images/mail_send.png);
background-image: url(../pixelegg/images/mail_send.svg);
background-position: left;
background-repeat: no-repeat;
background-size: 16px 16px;
@ -2344,19 +2344,19 @@ table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb:hover {
padding: 0 2px 2px 0;
}
#mail-index table.egwGridView_outer tbody tr span.deleted.status_img {
background-image: url(../pixelegg/images/kmmsgdel.png);
background-image: url(../pixelegg/images/kmmsgdel.svg);
}
#mail-index table.egwGridView_outer tbody tr span.unseen.status_img {
background-image: url(../pixelegg/images/kmmsgunseen.png);
background-image: url(../pixelegg/images/kmmsgunseen.svg);
}
#mail-index table.egwGridView_outer tbody tr span.flagged_seen.status_img {
background-image: url(../pixelegg/images/read_flagged_small.png);
background-image: url(../pixelegg/images/read_flagged_small.svg);
}
#mail-index table.egwGridView_outer tbody tr span.flagged_unseen.status_img {
background-image: url(../pixelegg/images/unread_flagged_small.png);
background-image: url(../pixelegg/images/unread_flagged_small.svg);
}
#mail-index table.egwGridView_outer tbody tr span.recent.status_img {
background-image: url(../pixelegg/images/kmmsgnew.png);
background-image: url(../pixelegg/images/kmmsgnew.svg);
}
#mail-index table.egwGridView_outer tbody tr span.replied.status_img {
background-image: url(../pixelegg/images/mail_reply.svg);

View File

@ -64,7 +64,7 @@
text-align: left;
font-weight: normal;
padding-left: 20px;
background-image: url(../pixelegg/images/mail_send.png);
background-image: url(../pixelegg/images/mail_send.svg);
background-position: left;
background-repeat: no-repeat;
background-size: 16px 16px;
@ -298,19 +298,19 @@
padding:0 2px 2px 0;
}
span.deleted.status_img {
background-image: url(../pixelegg/images/kmmsgdel.png);
background-image: url(../pixelegg/images/kmmsgdel.svg);
}
span.unseen.status_img {
background-image: url(../pixelegg/images/kmmsgunseen.png);
background-image: url(../pixelegg/images/kmmsgunseen.svg);
}
span.flagged_seen.status_img {
background-image: url(../pixelegg/images/read_flagged_small.png);
background-image: url(../pixelegg/images/read_flagged_small.svg);
}
span.flagged_unseen.status_img {
background-image: url(../pixelegg/images/unread_flagged_small.png);
background-image: url(../pixelegg/images/unread_flagged_small.svg);
}
span.recent.status_img {
background-image: url(../pixelegg/images/kmmsgnew.png);
background-image: url(../pixelegg/images/kmmsgnew.svg);
}
span.replied.status_img {
background-image: url(../pixelegg/images/mail_reply.svg);

View File

@ -353,6 +353,7 @@
background-color: transparent;
background-size: contain;
border: none;
opacity: 1;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
@ -1636,6 +1637,7 @@ div#ui-datepicker-div {
}
.ui-datepicker div.ui-timepicker-div dt.ui_tpicker_time_label {
font-size: 0.9em;
margin-top: 6px;
}
.ui-datepicker div.ui-timepicker-div dd.ui_tpicker_time {
padding-left: 75px;
@ -1652,9 +1654,13 @@ div#ui-datepicker-div {
}
.ui-datepicker div.ui-timepicker-div div.ui_tpicker_hour_slider span.ui-slider-handle {
background-color: #0C5DA5;
padding: 1px;
outline: none;
}
.ui-datepicker div.ui-timepicker-div div.ui_tpicker_minute_slider span.ui-slider-handle {
background-color: #0C5DA5;
padding: 1px;
outline: none;
}
.ui-datepicker div.ui-datepicker-buttonpane {
background-color: #679FD2;

View File

@ -181,6 +181,7 @@ span.et2_date_duration :not(input:first-child) {
background-color: transparent;
background-size: contain;
border: none;
opacity: 1;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
&:hover{

View File

@ -379,7 +379,7 @@ button.ui-button {
padding: 3px;
//Uhrzeit - Label
dt.ui_tpicker_time_label {font-size: 0.9em}
dt.ui_tpicker_time_label {font-size: 0.9em;margin-top:6px;}
//Uhrzeit
dd.ui_tpicker_time {
padding-left: 75px; background-color: @egw_color_1_a;
@ -394,10 +394,10 @@ button.ui-button {
// Schieberegler
div.ui_tpicker_hour_slider {
span.ui-slider-handle {background-color: @egw_color_2_a;}
span.ui-slider-handle {background-color: @egw_color_2_a;padding: 1px;outline: none;}
}
div.ui_tpicker_minute_slider {
span.ui-slider-handle {background-color: @egw_color_2_a;}
span.ui-slider-handle {background-color: @egw_color_2_a;padding: 1px;outline: none;}
}
}