Federated_Computer/federated-calendar
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

week-header: adjust theming to match the mockups

Browse Source 
Set correct font weight, size and draw lines where required.
This commit is contained in:
pandusonu2
2016-12-01 23:48:53 -02:00
committed by Georges Basile Stavracas Neto
parent 4544b39b47
commit d6ef05b31d
3 changed files with 82 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
data/theme/gtk-styles.css
+40
View File
@@ -358,3 +358,43 @@ datechooser day:selected:hover {
background-color: @theme_selected_bg_color;
font-weight: bold;
}
/* Week View CSS */
.week-header {
padding: 0px;
}
.week-header .month-name {
font-size: 16pt;
font-weight: bold;
color: alpha(@theme_selected_bg_color, 0.75);
padding: 12px;
}
.week-header .week-number {
font-size: 16pt;
font-weight: bold;
padding: 12px;
color: alpha(@theme_fg_color, 0.25);
}
.week-header.week-names {
font-size: 10pt;
font-weight: bold;
color: alpha(@theme_fg_color, 0.55);
}
.week-header.week-dates {
font-size: 16pt;
font-weight: bold;
color: alpha(@theme_fg_color, 0.70);
}
.week-header.lines {
color: alpha(@theme_fg_color, 0.4);
}
.week-header .margin {
color: alpha(@theme_fg_color, 0.6);
}
data/ui/week-header.ui
+9 -3
View File
@@ -3,6 +3,9 @@
<template class="GcalWeekHeader" parent="GtkGrid">
<property name="visible">True</property>
<property name="hexpand">True</property>
<style>
<class name="week-header" />
</style>
<child>
<object class="GtkGrid">
<property name="visible">True</property>
@@ -16,7 +19,7 @@
<property name="visible">True</property>
<property name="label">Month</property>
<style>
<class name="first-view-header" />
<class name="month-name" />
</style>
</object>
</child>
@@ -27,7 +30,7 @@
<property name="xalign">0</property>
<property name="label">Week</property>
<style>
<class name="second-view-header" />
<class name="week-number" />
</style>
</object>
</child>
@@ -36,7 +39,7 @@
<property name="visible">True</property>
<property name="label">Year</property>
<style>
<class name="second-view-header" />
<class name="week-number" />
</style>
</object>
</child>
@@ -50,6 +53,9 @@
<property name="visible">True</property>
<property name="height-request">100</property>
<signal name="draw" handler="gcal_week_header_draw" object="GcalWeekHeader" swapped="yes"/>
<style>
<class name="week-header" />
</style>
</object>
</child>
<child type="overlay">