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

Style the d-n-d and resize time indicator

Browse Source
This commit is contained in:
Hadi Nategh 2014-02-10 08:53:42 +00:00
parent f97f223026
commit bf376292f5
3 changed files with 44 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
calendar/js/app.js
View File

@ -267,7 +267,7 @@ app.classes.calendar = AppJS.extend(
var dM = this.dropEnd.getAttribute('data-date').split("|")[2]; var dM = this.dropEnd.getAttribute('data-date').split("|")[2];
} }
var dataResize = event.target.getAttribute('data-resize').split("|"); var dataResize = event.target.getAttribute('data-resize').split("|");
this.innerHTML = '<div style="font-size: 1.1em; text-align:center; font-weight: bold; height:100%;"><span style=" position: absolute; bottom: 0; align: center; ">'+dH+':'+dM+'</span></div>'; this.innerHTML = '<div style="font-size: 1.1em; text-align:center; font-weight: bold; height:100%;"><span class="calendar_timeDemo" >'+dH+':'+dM+'</span></div>';
} }
else else
{ {
@ -328,7 +328,7 @@ app.classes.calendar = AppJS.extend(
if (dpOwner == null) dpOwner = dgOwner; if (dpOwner == null) dpOwner = dgOwner;
if (dpOwner === dgOwner ) if (dpOwner === dgOwner )
{ {
ui.helper[0].innerHTML = '<div class="calendar_d-n-d_timeCounter">'+timeDemo+'</div>'; ui.helper[0].innerHTML = '<div class="calendar_d-n-d_timeCounter"><span>'+timeDemo+'</span></div>';
} }
else else
{ {

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

@ -548,6 +548,27 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
* *
*/ */
//Class for div to show forbiden drop //Class for div to show forbiden drop
.calendar_d-n-d_timeCounter > span {
position: absolute;
background-color: #808080;
color: white;
left: 0;
width: 100% !important;
align: center;
border: dashed white 1px;
border-radius: 1px;
}
.calendar_timeDemo {
position: absolute;
bottom: 0;
left: 0;
background-color: #808080;
color: white;
width: 100%;
align: center;
border:dashed white 1px;
border-radius: 1px;
}
.calendar_d-n-d_forbiden .calendar_d-n-d_forbiden
{ {
background-color: red; background-color: red;

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

@ -547,6 +547,27 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
* Calendar Drag and Drop * Calendar Drag and Drop
* *
*/ */
.calendar_d-n-d_timeCounter > span {
position: absolute;
background-color: #808080;
color: white;
left: 0;
width: 100% !important;
align: center;
border: dashed white 1px;
border-radius: 1px;
}
.calendar_timeDemo {
position: absolute;
bottom: 0;
left: 0;
background-color: #808080;
color: white;
width: 100%;
align: center;
border: dashed white 1px;
border-radius: 1px;
}
.calendar_d-n-d_forbiden { .calendar_d-n-d_forbiden {
background-color: red; background-color: red;
height: 100%; height: 100%;