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

(html) Caption for freebusy data of attendees

Browse Source
This commit is contained in:
Francis Lachapelle
2017-03-10 14:43:02 -05:00
parent baa6d39e28
commit 19512a85d2
2 changed files with 41 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
UI/Templates/SchedulerUI/UIxAttendeesEditor.wox
+7
View File
@@ -64,4 +64,11 @@
</md-list-item>
</md-list>
</md-content>
<!-- freebusy caption -->
<div layout="row" layout-align="end center">
<div class="quarter"><div class="busy sg-color-chip"><!-- busy --></div></div>
<label class="md-caption"><var:string label:value="Busy"/></label>
<div class="quarter"><div class="sg-no-freebusy sg-color-sample"><!-- no fb --></div></div>
<label class="md-caption"><var:string label:value="No free-busy information"/></label>
</div>
</container>
UI/WebServerResources/scss/views/SchedulerUI.scss
+34 -17
View File
@@ -712,27 +712,44 @@ $quarter_height: 10px;
flex-grow: 0;
flex-basis: 16px; // hour's width
align-items: stretch;
&.sg-no-freebusy {
background-color: sg-color($sogoPaper, 200);
background-image: repeating-linear-gradient(-45deg,
rgb(255,255,255),
rgb(255,255,255) 2px,
transparent 2px,
transparent 4px);
opacity: 0.5;
}
}
.sg-no-freebusy {
background-color: sg-color($sogoPaper, 200);
background-image: repeating-linear-gradient(-45deg,
rgb(255,255,255),
rgb(255,255,255) 2px,
transparent 2px,
transparent 4px);
opacity: 0.5;
}
.quarter {
min-width: 4px;
display: flex;
align-items: stretch;
.busy {
margin: 8px 0;
min-width: 4px;
background-color: sg-color($sogoPaper, 600);
}
&.event {
background-color: sg-color($sogoBlue, 300);
}
}
.event {
background-color: sg-color($sogoBlue, 300);
}
.busy {
margin: 8px 0;
min-width: 4px;
background-color: sg-color($sogoPaper, 600);
}
.sg-color-sample {
border-radius: 2px;
border-width: 0;
width: $baseline-grid*2;
height: $baseline-grid*2;
margin: 0 $baseline-grid 0 $baseline-grid*2;
padding: 0;
}
.sg-color-chip {
border-radius: 50%;
border-width: 0;
width: $baseline-grid;
height: $baseline-grid;
margin: 0 $baseline-grid 0 $baseline-grid*2;
}
}