duckduckgo
/
zeroclickinfo-goodies
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styling fixes for calendar goodie

master
Doug Brown 2014-05-06 11:03:08 -04:00
parent 664cd3b47c
commit ee875fbfc9
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
lib/DDG/Goodie/CalendarToday.pm
View File

@ -30,7 +30,7 @@ my $givenDay, my $givenMonth, my $givenYear;
my $validMonthPattern, my $validYearPattern;
my $firstDay, my $firstWeekDayId, my $lastDay;
my $rText, my $rHtml;
my @weekDays = ("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");
my @weekDays = ("S", "M", "T", "W", "T", "F", "S");
# read in css-file only once
my $css = share("style.css")->slurp;
@ -229,12 +229,12 @@ sub nearestMonth {
sub prepare_returntext {
# Print heading
$rText = "\n";
$rHtml = '<table><tr><th class="zero_click_abstract_header" rowspan="7">';
$rHtml.=$firstDay->strftime("%B %Y").'</th>';
$rHtml = '<table class="calendar"><tr><th class="calendar__header" colspan="7"><b>';
$rHtml.=$firstDay->strftime("%B %Y").'</b></th></tr><tr>';
for my $dayHeading (@weekDays) {
$rText.= "$dayHeading ";
$rHtml.= '<th>&nbsp;'.$dayHeading.'</th>';
$rHtml.= '<th>'.$dayHeading.'</th>';
}
$rText.= " ".$firstDay->strftime("%B %Y")."\n";
$rHtml.= "</tr><tr>";
@ -250,7 +250,7 @@ sub prepare_returntext {
for (my $dayNum = 1; $dayNum <= $lastDay; $dayNum++) {
if($dayNum == $givenDay) {
$rText.= "|";
$rHtml.= '<td class="zero_click_abstract_today">'.$dayNum.'</td>';
$rHtml.= '<td><span class="class="calendar__today circle">'.$dayNum.'</span></td>';
} else {
$rText.=" ";
}

10
share/goodie/calendar_today/style.css
View File

@ -1,4 +1,6 @@
#zero_click_abstract table { text-align: center; }
#zero_click_abstract th { width:40px; text-align:center; }
#zero_click_abstract th.zero_click_abstract_header { width:150px; text-align:left; vertical-align: top; }
#zero_click_abstract td.zero_click_abstract_today { color:white; background-color: #808080; }
table.calendar { text-align: center; }
.calendar th, .calendar td { width:2.5em; text-align:center; }
.calendar__header { vertical-align: top; height: 2em; font-size: 1.25em; }
.calendar__today { color:white; background-color: #808080; }