extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-22 16:03:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Style calendar header's date indicator

Browse Source
This commit is contained in:
Hadi Nategh 2022-09-05 13:02:36 +02:00
parent 1ec9ef63fe
commit fff7d06fcb
3 changed files with 29 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
calendar/templates/default/app.css
View File

@ -230,9 +230,7 @@ div.calendar_conflicts {
min-height: 26px; min-height: 26px;
justify-content: flex-end; justify-content: flex-end;
} }
#calendar-toolbar #calendar-toolbar_keywords {
margin-right: 4px;
}
#calendar-toolbar .et2_searchbox input { #calendar-toolbar .et2_searchbox input {
height: 14px; height: 14px;
} }
@ -256,14 +254,16 @@ div.calendar_conflicts {
left: 0px; left: 0px;
right: 0px; right: 0px;
} }
form#calendar-toolbar > div {
column-gap: 1ex;
}
#calendar-todo { #calendar-todo {
position: absolute; position: absolute;
width: 30%; width: 30%;
margin-top: 0px; margin-top: 0px;
z-index: 10; z-index: 10;
bottom: -10px; bottom: -10px;
height: calc(~"100% - 75px"); height: calc(~"100% - 92px");
} }
#calendar-view { #calendar-view {
@ -1556,12 +1556,17 @@ img.calendar_print_button, img.calendar_print_appicon {
/*weekend slideSwitch in toolbar*/ /*weekend slideSwitch in toolbar*/
#calendar-toolbar_app_header { #calendar-toolbar_app_header {
color: #616161; color: #000;
font-size: 14px; font-size: 14px;
height: 16px; height: 1.7em;
position: absolute; padding: 4px 3px 3px;
left:44%; background: #b4cee773;
border-radius: 3px;
width: 25em;
border: 1px solid #d4d4d8;
text-align: center;
} }
/* Integration slide switches in toolbar */ /* Integration slide switches in toolbar */
#calendar-toolbar_toolbar et2-switch { #calendar-toolbar_toolbar et2-switch {
height: var(--height); height: var(--height);

4
calendar/templates/default/toolbar.xet
View File

@ -13,16 +13,16 @@ Egroupware
<overlay> <overlay>
<template id="calendar.toolbar"> <template id="calendar.toolbar">
<box class="et2_toolbar"> <box>
<box class="et2_toolbar_actionlist"> <box class="et2_toolbar_actionlist">
<buttononly id="add" background_image="true" image="add" onclick="app.calendar.toolbar_action(widget);"/> <buttononly id="add" background_image="true" image="add" onclick="app.calendar.toolbar_action(widget);"/>
</box> </box>
</box> </box>
<description id="app_header"/>
<searchbox id="keywords" blur="Search" overlay="false" onchange="app.calendar.update_state({view: 'listview',search: widget.getValue()});return false;"/> <searchbox id="keywords" blur="Search" overlay="false" onchange="app.calendar.update_state({view: 'listview',search: widget.getValue()});return false;"/>
<toolbar id="toolbar" width="100%" flat_list="false"/> <toolbar id="toolbar" width="100%" flat_list="false"/>
<!-- Fake an app header inside the toolbar --> <!-- Fake an app header inside the toolbar -->
<box class="egw_fw_ui_app_header_container"> <box class="egw_fw_ui_app_header_container">
<description id="app_header"/>
<favorites app="calendar"/> <favorites app="calendar"/>
</box> </box>
</template> </template>

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

@ -230,9 +230,6 @@ div.calendar_conflicts {
min-height: 26px; min-height: 26px;
justify-content: flex-end; justify-content: flex-end;
} }
#calendar-toolbar #calendar-toolbar_keywords {
margin-right: 4px;
}
#calendar-toolbar .et2_searchbox input { #calendar-toolbar .et2_searchbox input {
height: 14px; height: 14px;
} }
@ -258,13 +255,16 @@ div.calendar_conflicts {
left: 0px; left: 0px;
right: 0px; right: 0px;
} }
form#calendar-toolbar > div {
column-gap: 1ex;
}
#calendar-todo { #calendar-todo {
position: absolute; position: absolute;
width: 30%; width: 30%;
margin-top: 0px; margin-top: 0px;
z-index: 10; z-index: 10;
bottom: -10px; bottom: -10px;
height: calc(100% - 75px); height: calc(100% - 92px);
} }
#calendar-view { #calendar-view {
width: 100%; width: 100%;
@ -1512,11 +1512,15 @@ img.calendar_print_appicon {
} }
/*weekend slideSwitch in toolbar*/ /*weekend slideSwitch in toolbar*/
#calendar-toolbar_app_header { #calendar-toolbar_app_header {
color: #616161; color: #000;
font-size: 14px; font-size: 14px;
height: 16px; height: 1.7em;
position: absolute; padding: 4px 3px 3px;
left: 44%; background: #b4cee773;
border-radius: 3px;
width: 25em;
border: 1px solid #d4d4d8;
text-align: center;
} }
/* Integration slide switches in toolbar */ /* Integration slide switches in toolbar */
#calendar-toolbar_toolbar et2-switch { #calendar-toolbar_toolbar et2-switch {
@ -2711,7 +2715,7 @@ div#calendar-container div.calendar {
} }
div#calendar-container div.calendar table { div#calendar-container div.calendar table {
background-color: #fafafa; background-color: #fafafa;
font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
} }
div#calendar-container div.calendar table thead .button { div#calendar-container div.calendar table thead .button {
background-color: #FFDD73; background-color: #FFDD73;