aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorLuc Donnet2014-06-30 16:30:48 +0200
committerLuc Donnet2014-06-30 16:30:48 +0200
commitb6a52ab261bdff0e403547338b688a41f2e8a77b (patch)
treeb4a91199933bd8d8fca57b9c8b05cce6bf002864
parent21049ba3379dc8b6ebc2c2b06d788ebad3f9fb1d (diff)
downloadchouette-core-b6a52ab261bdff0e403547338b688a41f2e8a77b.tar.bz2
Fix calendar vizualisation to have four month on a row Refs #0026847
-rw-r--r--app/assets/stylesheets/main/calendar.css.scss75
1 files changed, 39 insertions, 36 deletions
diff --git a/app/assets/stylesheets/main/calendar.css.scss b/app/assets/stylesheets/main/calendar.css.scss
index f9f5fd913..89aed512a 100644
--- a/app/assets/stylesheets/main/calendar.css.scss
+++ b/app/assets/stylesheets/main/calendar.css.scss
@@ -31,49 +31,52 @@
}
.calendar {
- color: white;
- text-align: center;
- margin-left: 30px;
- display: inline-table;
+ font-size: 10px;
+ color: white;
+ text-align: center;
+ margin-left: 15px;
+ display: inline-table;
}
thead tr {
- color: black;
+ color: black;
}
- th.monthName {
- font-weight: bold;
- text-align: center;
- padding-top: 1em;
- padding-bottom: 0.7em;
- color: black;
+th.monthName {
+ font-size: 12px;
+ font-weight: bold;
+ text-align: center;
+ padding-top: 1em;
+ padding-bottom: 0.7em;
+ color: black;
}
.dayName th {
- font-size: 0.7em;
- text-align: center;
- padding-top: 0.6em;
- padding-bottom: 0.3em;
- background-color: #303030;
- color: white;
- border-bottom: 1px solid white;
+ text-align: center;
+ padding-top: 0.6em;
+ padding-bottom: 0.3em;
+ background-color: #303030;
+ color: white;
+ border-bottom: 1px solid white;
}
.otherMonth {
- color: #999999;
- background-color: #4f4f5b;
- padding: 0.7em;
- border-right: 1px solid #111111;
- border-bottom: 1px solid #111111;
+ color: #999999;
+ background-color: #4f4f5b;
+ padding: 0.7em;
+ border-right: 1px solid #111111;
+ border-bottom: 1px solid #111111;
}
-.day { background-color: #333333; }
+.day {
+ background-color: #333333;
+}
.day, .specialDay, .selected_period, .selected_date, .overlap_date {
- border-bottom: 1px solid #111111;
- padding: 0.7em;
- border-right: 1px solid #111111;
- border-bottom: 1px solid #111111;
+ border-bottom: 1px solid #111111;
+ padding: 0.7em;
+ border-right: 1px solid #111111;
+ border-bottom: 1px solid #111111;
}
.specialDay { background-color: #a8a8a8 !important; }
@@ -86,19 +89,19 @@ thead tr {
.specialDay, .selected_period, .selected_date, .overlap_date {
a, a:visited, a:hover {
- color: white;
- text-decoration: none;
- }
+ color: white;
+ text-decoration: none;
+ }
}
.specialDay a:hover, selected_period a:hover, selected_date a:hover, overlap_date a:hover {
- color: black;
-}
+ color: black;
+ }
.weekendDay {
- background-color: #787888;
+ background-color: #787888;
}
.today {
- background-color: white;
- color: black;
+ background-color: white;
+ color: black;
} \ No newline at end of file