beenull/SparkleShare
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[log][html] pure css

Browse source
This commit is contained in:
Hylke Bons 2011-03-17 15:16:33 +00:00
parent 3d81b15c6a
commit c58ad6e9a8
3 changed files with 67 additions and 60 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
SparkleShare/SparkleLog.cs
View file

@ -104,12 +104,12 @@ namespace SparkleShare {
process.StartInfo.Arguments = args.Request.Uri.Replace (" ", "\\ "); // Escape space-characters process.StartInfo.Arguments = args.Request.Uri.Replace (" ", "\\ "); // Escape space-characters
process.Start (); process.Start ();
// FIXME: Use the right event, waiting for newer webkit bindings
UpdateEventLog (); UpdateEventLog ();
} }
// FIXME: webview should stay on the same page
}; };
ScrolledWindow.AddWithViewport (WebView); ScrolledWindow.AddWithViewport (WebView);
@ -181,8 +181,8 @@ namespace SparkleShare {
HTML = SparkleShare.Controller.GetHTMLLog (System.IO.Path.GetFileName (LocalPath)); HTML = SparkleShare.Controller.GetHTMLLog (System.IO.Path.GetFileName (LocalPath));
HTML = HTML.Replace ("<!-- $body-font-size -->", (Style.FontDescription.Size / 1024 + 0.5) + "pt"); HTML = HTML.Replace ("<!-- $body-font-size -->", (double) (Style.FontDescription.Size / 1024 + 3) + "px");
HTML = HTML.Replace ("<!-- $day-entry-header-font-size -->", (Style.FontDescription.Size / 1024 + 0.6) + "pt"); HTML = HTML.Replace ("<!-- $day-entry-header-font-size -->", (Style.FontDescription.Size / 1024 + 3) + "px");
HTML = HTML.Replace ("<!-- $a-color -->", "#0085cf"); HTML = HTML.Replace ("<!-- $a-color -->", "#0085cf");
HTML = HTML.Replace ("<!-- $a-hover-color -->", "#009ff8"); HTML = HTML.Replace ("<!-- $a-hover-color -->", "#009ff8");
HTML = HTML.Replace ("<!-- $body-font-family -->", "\"" + Style.FontDescription.Family + "\""); HTML = HTML.Replace ("<!-- $body-font-family -->", "\"" + Style.FontDescription.Family + "\"");
@ -203,8 +203,6 @@ namespace SparkleShare {
Application.Invoke (delegate { Application.Invoke (delegate {
WebView.LoadString (HTML, null, null, "file://");
if (Spinner.Active) { if (Spinner.Active) {
LayoutVertical.Remove (Spinner); LayoutVertical.Remove (Spinner);
@ -227,6 +225,8 @@ namespace SparkleShare {
LayoutVertical.PackStart (ScrolledWindow, true, true, 0); LayoutVertical.PackStart (ScrolledWindow, true, true, 0);
LayoutVertical.ReorderChild (ScrolledWindow, 0); LayoutVertical.ReorderChild (ScrolledWindow, 0);
WebView.LoadString (HTML, null, null, "file://");
LayoutVertical.ShowAll (); LayoutVertical.ShowAll ();
}); });

26
data/html/event-entry.html
View file

@ -2,20 +2,18 @@
<div class='event-entry-content'> <div class='event-entry-content'>
<table> <div class='no-buddy-icon'>
<tr> <div class='buddy-icon' style='background-image: url("<!-- $event-avatar-url -->");'></div>
<td> </div>
<div class='no-buddy-icon'>
<div class='buddy-icon' style='background-image: url("<!-- $event-avatar-url -->")'></div> <div class='event-info'>
</div> <b><!-- $event-user-name --></b>
</td> <!-- $event-entry-content -->
<td width='100%'> </div>
<b><!-- $event-user-name --></b><br>
<!-- $event-entry-content --> <div class='event-time'><!-- $event-time --></div>
</td>
<td class='event-time'><!-- $event-time --></td> <div style='clear: both'></div>
</tr>
</table>
</div> </div>

89
data/html/event-log.html
View file

@ -23,37 +23,18 @@
} }
.day-entry-header { .day-entry-header {
font-size: <!-- $day-entry-header-font-size -->; font-size: <!-- $day-entry-header-font-size -->;
color: #babdb6; color: #babdb6;
text-align: center; text-align: center;
margin-left: auto; width: 90%;
margin-right: auto; text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0);
width: 90%; margin-bottom: 9px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0);
} }
.day-entry-content { .day-entry-content {
padding: 9px; padding: 9px;
} }
dl {
padding: 0;
margin: 0;
padding-bottom: 15px;
}
dt {
padding-bottom: 9px;
padding-top: 9px;
}
dd {
width: 100px;
padding-left: 0;
margin-left: 12px;
text-overflow: ellipsis;
}
a { a {
color: <!-- $a-color -->; color: <!-- $a-color -->;
text-decoration: none; text-decoration: none;
@ -63,22 +44,54 @@
color: <!-- $a-hover-color -->; color: <!-- $a-hover-color -->;
} }
td { .event-time {
vertical-align: top; font-size: 80%;
color: <!-- $secondary-font-color -->;
float: right;
} }
.event-time, dt { .event-entry-content {
font-size: 80%; display: block;
color: <!-- $secondary-font-color -->; width: 400px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
margin-bottom: 9px;
padding: 18px;
-webkit-border-radius: 6px;
border: #ddd 1px solid;
} }
dl {
padding: 0;
margin: 0;
padding-bottom: 15px;
}
dt {
padding-bottom: 12px;
padding-top: 12px;
font-size: 80%;
color: <!-- $secondary-font-color -->;
}
dd {
width: 300px;
overflow: hidden;
padding-left: 0;
margin-left: 12px;
text-overflow: ellipsis;
padding-bottom: 9px;
}
.no-buddy-icon { .no-buddy-icon {
float: left;
margin-right: 12px; margin-right: 12px;
width: 36px; width: 36px;
height: 36px;
background-image: url('<!-- $no-buddy-icon-background-image -->'); background-image: url('<!-- $no-buddy-icon-background-image -->');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: top center;
} }
.buddy-icon { .buddy-icon {
@ -86,19 +99,15 @@
height: 36px; height: 36px;
} }
.event-entry-content { .event-info {
background-color: #fff; float: left;
margin: 12px;
padding: 12px;
-webkit-border-radius: 6px;
border: #ddd 1px solid;
} }
</style> </style>
</head> </head>
<body onDragStart='return false'> <body onDragStart='return false;'>
<!-- $event-log-content --> <!-- $event-log-content -->
</body> </body>