amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-05-20 10:55:25 +00:00
Code Issues Projects Releases Wiki Activity

Style transparent (not opaque) events

Browse Source 
Fixes #3192
This commit is contained in:
Francis Lachapelle
2016-04-22 12:22:02 -04:00
parent 09d04984a5
commit 7ea3608dab
6 changed files with 59 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/js/Scheduler/sgCalendarDayBlock.directive.js
+5 -1
View File
@@ -106,10 +106,14 @@
if (scope.block.userState)
iElement.addClass('sg-event--' + scope.block.userState);
// Set background color
if (scope.block.component) {
// Set background color
iElement.addClass('bg-folder' + scope.block.component.pid);
iElement.addClass('contrast-bdr-folder' + scope.block.component.pid);
// Add class for transparency
if (scope.block.component.c_isopaque === 0)
iElement.addClass('sg-event--transparent');
}
}
UI/WebServerResources/js/Scheduler/sgCalendarMonthEvent.directive.js
+7 -2
View File
@@ -61,10 +61,15 @@
if (scope.block.userState)
iElement.addClass('sg-event--' + scope.block.userState);
// Set background color
if (scope.block.component)
if (scope.block.component) {
// Set background color
iElement.addClass('bg-folder' + scope.block.component.pid);
// Add class for transparency
if (scope.block.component.c_isopaque === 0)
iElement.addClass('sg-event--transparent');
}
}
}
}
UI/WebServerResources/scss/views/SchedulerUI.scss
+23
View File
@@ -308,6 +308,29 @@ $quarter_height: 10px;
opacity: 0.4;
}
// Event is transparent (not opaque)
&--transparent {
&:before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 0;
background-origin: border-box;
background-image: linear-gradient(
to right bottom,
rgba(255, 255, 255, 0),
rgba(255, 255, 255, .15) 50%,
rgba(255, 255, 255, 0) 50%,
rgba(255, 255, 255, 0)
);
}
}
.eventInside {
overflow: hidden;
}