(html) Show event location in Calendar days views
This commit is contained in:
parent
58dfa2e43b
commit
ace9fa9e4e
|
@ -44,6 +44,7 @@
|
||||||
// Component is private
|
// Component is private
|
||||||
' <md-icon ng-if="block.component.c_classification == 2" class="material-icons icon-vpn-key"></md-icon>',
|
' <md-icon ng-if="block.component.c_classification == 2" class="material-icons icon-vpn-key"></md-icon>',
|
||||||
' </span>',
|
' </span>',
|
||||||
|
' <div class="secondary" ng-if="block.component.c_location"><md-icon>place</md-icon> {{block.component.c_location}}</div>',
|
||||||
' </div>',
|
' </div>',
|
||||||
' </div>',
|
' </div>',
|
||||||
'</div>'
|
'</div>'
|
||||||
|
|
|
@ -25,7 +25,7 @@
|
||||||
replace: true,
|
replace: true,
|
||||||
template: [
|
template: [
|
||||||
'<div class="sg-event sg-draggable" ng-click="clickBlock({clickEvent: $event, clickComponent: block.component})">',
|
'<div class="sg-event sg-draggable" ng-click="clickBlock({clickEvent: $event, clickComponent: block.component})">',
|
||||||
' <span ng-if="!block.component.c_isallday">{{ block.starthour }} - </span>',
|
' <span class="secondary" ng-if="!block.component.c_isallday">{{ block.starthour }} - </span>',
|
||||||
' {{ block.component.summary }}',
|
' {{ block.component.summary }}',
|
||||||
' <span class="icons">',
|
' <span class="icons">',
|
||||||
// Component is reccurent
|
// Component is reccurent
|
||||||
|
|
|
@ -200,24 +200,15 @@ $block_margin: 2%; // See sgCalendarDayBlock.directive.js
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
// The outer event container
|
|
||||||
.sg-event {
|
|
||||||
font-size: $sg-font-size-2;
|
|
||||||
&, md-icon {
|
|
||||||
//color: #fff !important; // Overwrite dynamic CSS theme
|
|
||||||
}
|
|
||||||
.material-icons {
|
|
||||||
font-size: $sg-font-size-2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Events from editable calendars are draggable
|
// Events from editable calendars are draggable
|
||||||
.sg-draggable-calendar-block,
|
.sg-draggable-calendar-block,
|
||||||
.sg-event--ghost {
|
.sg-event--ghost {
|
||||||
cursor: move;
|
cursor: move;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// The outer event container
|
||||||
.sg-event {
|
.sg-event {
|
||||||
|
font-size: $sg-font-size-2;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
@ -255,6 +246,14 @@ $block_margin: 2%; // See sgCalendarDayBlock.directive.js
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.material-icons {
|
||||||
|
font-size: $sg-font-size-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.secondary { // location in days view, hours in month view
|
||||||
|
font-weight: $sg-font-light;
|
||||||
|
}
|
||||||
|
|
||||||
// Event DnD drag grips
|
// Event DnD drag grips
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -413,9 +412,6 @@ $block_margin: 2%; // See sgCalendarDayBlock.directive.js
|
||||||
margin: $block_margin;
|
margin: $block_margin;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
span { // hours
|
|
||||||
font-weight: $sg-font-light;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue