extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-24 23:58:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

Some styling improvements

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
calendar/templates/default/edit.xet
View File

@ -37,7 +37,7 @@
<menulist> <menulist>
<menupopup type="select-account" id="${row}[owner]" readonly="true"/> <menupopup type="select-account" id="${row}[owner]" readonly="true"/>
</menulist> </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> </row>
</rows> </rows>
</grid> </grid>
@ -60,7 +60,7 @@
<calendar-owner id="participant" allowFreeEntries="true" span="4" empty_label="Add new participants or resource" onchange="app.calendar.participantOnChange"/> <calendar-owner id="participant" allowFreeEntries="true" span="4" empty_label="Add new participants or resource" onchange="app.calendar.participantOnChange"/>
<hbox width="100%"> <hbox width="100%">
<textbox type="integer" id="quantity" min="1" size="3"/> <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"/> <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> </hbox>
</row> </row>
@ -80,12 +80,12 @@
<menulist> <menulist>
<menupopup id="${row}[status]" onchange="1"/> <menupopup id="${row}[status]" onchange="1"/>
</menulist> </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> </row>
</rows> </rows>
</grid> </grid>
<styles> <styles>
.selectRole select { width: 100%; } select#calendar-edit_role { width: 50%; }
</styles> </styles>
</template> </template>
<template id="calendar.edit.recurrence" template="" lang="" group="0" version="1.9.001"> <template id="calendar.edit.recurrence" template="" lang="" group="0" version="1.9.001">
@ -231,9 +231,8 @@
<label for="location" value="Location"/> <label for="location" value="Location"/>
<hbox span="2"> <hbox span="2">
<textbox id="location" maxlength="255" class="et2_fullWidth"/> <textbox id="location" maxlength="255" class="et2_fullWidth"/>
<checkbox label="Video Conference" id="videoconference" onchange="app.calendar.videoconferenceOnChange"/>
</hbox> </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" /> <taglist-cat id="category" height="190" empty_label="Categories" multiple="toggle" class="et2_fullWidth" rows="1" />
</row> </row>
<row> <row>

4
calendar/templates/mobile/app.css
View File

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

4
calendar/templates/pixelegg/app.css
View File

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

4
calendar/templates/pixelegg/app.less
View File

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

26
mail/templates/mobile/app.css
View File

@ -76,10 +76,10 @@ tr.mail.label1 td:first-child {
border-left: 6px solid #ff0080 !important; border-left: 6px solid #ff0080 !important;
} }
tr.mail.label2 td:first-child { tr.mail.label2 td:first-child {
border-left: 6px solid #ff8000 !important; border-left: 6px solid #ff8000 !important;
} }
tr.mail.label3 td:first-child { tr.mail.label3 td:first-child {
border-left: 6px solid #008000 !important; border-left: 6px solid #008000 !important;
} }
tr.mail.label4 td:first-child { tr.mail.label4 td:first-child {
border-left: 6px solid #0000ff !important; border-left: 6px solid #0000ff !important;
@ -476,7 +476,7 @@ div#mail-index_mailPreview > div {
border: none; border: none;
} }
#mail-compose_composeToolbar > button { #mail-compose_composeToolbar > button {
padding: .2em .4em; padding: 0.2em 0.4em;
} }
#mail-compose_composeToolbar > img { #mail-compose_composeToolbar > img {
width: 16px; width: 16px;
@ -489,7 +489,7 @@ div#mail-index_mailPreview > div {
height: 16px !important; height: 16px !important;
} }
#mail-compose_composeToolbar > button { #mail-compose_composeToolbar > button {
padding: .2em .4em; padding: 0.2em 0.4em;
} }
#mail-compose_to div.ms-sel-ctn, #mail-compose_to div.ms-sel-ctn,
#mail-compose_cc .ms-sel-ctn, #mail-compose_cc .ms-sel-ctn,
@ -497,7 +497,7 @@ div#mail-index_mailPreview > div {
max-height: 75px; max-height: 75px;
} }
#mail-display_toolbar > button > span { #mail-display_toolbar > button > span {
padding: .2em .4em; padding: 0.2em 0.4em;
} }
#mail-display_toolbar > button > span > img { #mail-display_toolbar > button > span > img {
width: 16px; width: 16px;
@ -520,7 +520,7 @@ div#mail-index_mailPreview > div {
height: 35px; height: 35px;
} }
#mail-index_toolbar > button > span { #mail-index_toolbar > button > span {
padding: .2em .4em; padding: 0.2em 0.4em;
} }
#mail-index_toolbar > button > span > img { #mail-index_toolbar > button > span > img {
width: 16px; width: 16px;
@ -1903,7 +1903,7 @@ input[type=button] {
padding: 0px; padding: 0px;
} }
#mail-display_toolbar > button > span { #mail-display_toolbar > button > span {
padding: .2em .4em; padding: 0.2em 0.4em;
} }
#mail-display_toolbar > button > span > img { #mail-display_toolbar > button > span > img {
width: 16px; width: 16px;
@ -2115,7 +2115,7 @@ table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb:hover {
text-align: left; text-align: left;
font-weight: normal; font-weight: normal;
padding-left: 20px; padding-left: 20px;
background-image: url(../pixelegg/images/mail_send.png); background-image: url(../pixelegg/images/mail_send.svg);
background-position: left; background-position: left;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px 16px; background-size: 16px 16px;
@ -2344,19 +2344,19 @@ table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb:hover {
padding: 0 2px 2px 0; padding: 0 2px 2px 0;
} }
#mail-index table.egwGridView_outer tbody tr span.deleted.status_img { #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 { #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 { #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 { #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 { #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 { #mail-index table.egwGridView_outer tbody tr span.replied.status_img {
background-image: url(../pixelegg/images/mail_reply.svg); background-image: url(../pixelegg/images/mail_reply.svg);

12
mail/templates/mobile/app.less
View File

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

6
pixelegg/css/pixelegg.css
View File

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

1
pixelegg/less/etemplate2.less
View File

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

6
pixelegg/less/jquery-ui.less
View File

@ -379,7 +379,7 @@ button.ui-button {
padding: 3px; padding: 3px;
//Uhrzeit - Label //Uhrzeit - Label
dt.ui_tpicker_time_label {font-size: 0.9em} dt.ui_tpicker_time_label {font-size: 0.9em;margin-top:6px;}
//Uhrzeit //Uhrzeit
dd.ui_tpicker_time { dd.ui_tpicker_time {
padding-left: 75px; background-color: @egw_color_1_a; padding-left: 75px; background-color: @egw_color_1_a;
@ -394,10 +394,10 @@ button.ui-button {
// Schieberegler // Schieberegler
div.ui_tpicker_hour_slider { 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 { 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;}
} }
} }