amorfo77/sogo
1
0
Fork 0
mirror of https://github.com/inverse-inc/sogo.git synced 2026-08-02 13:42:20 +00:00
Code Issues Projects Releases Wiki Activity

Improve display of overlapping events

Browse Source 
Categories were hidden because of overlapping boxes.
This commit is contained in:
Francis Lachapelle
2018-02-06 14:13:40 -05:00
parent 7cd040fb6b
commit 32fd61c8f4
3 changed files with 7 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/WebServerResources/scss/views/SchedulerUI.scss
+3 -2
View File
@@ -285,13 +285,14 @@ $quarter_height: 10px;
// The outer event container
.sg-event {
font-size: $sg-font-size-2;
font-size: $sg-font-size-1;
font-weight: $sg-font-medium;
border-radius: $block_radius;
//overflow: hidden;
position: absolute;
left: 0;
right: 0;
margin-left: 1px;
opacity: 0.9; // When events from a same calendar overlap, it creates a border to help distinguish the events
outline: none;
user-select: none;
@@ -299,7 +300,7 @@ $quarter_height: 10px;
$i: 0;
@while $i <= 96 { // number of 15-minutes blocks in a day
&.starts#{$i} { top: $quarter_height * $i; }
&.lasts#{$i} { height: $quarter_height * $i; }
&.lasts#{$i} { height: $quarter_height * $i - 1; }
$i: $i + 1;
}