diff options
| author | James Moger <james.moger@gitblit.com> | 2012-07-10 23:18:11 -0400 |
|---|---|---|
| committer | James Moger <james.moger@gitblit.com> | 2012-07-10 23:18:11 -0400 |
| commit | 2ec0d7fcf3017c3b8f825bd6d1e82da0966b24ca (patch) | |
| tree | c5cadfd8def887dd7cd47398c3e37f61f757721c | |
| parent | ccd10c27d343a1a96400b914827cb0fe3f0d1b65 (diff) | |
| download | gitblit-2ec0d7fcf3017c3b8f825bd6d1e82da0966b24ca.tar.gz gitblit-2ec0d7fcf3017c3b8f825bd6d1e82da0966b24ca.zip | |
Final CSS/layout tweaks for responsive UI (issue 101)
| -rw-r--r-- | resources/gitblit.css | 4 | ||||
| -rw-r--r-- | src/com/gitblit/wicket/pages/ActivityPage.html | 2 | ||||
| -rw-r--r-- | src/com/gitblit/wicket/pages/BasePage.html | 6 | ||||
| -rw-r--r-- | src/com/gitblit/wicket/pages/CommitPage.html | 8 | ||||
| -rw-r--r-- | src/com/gitblit/wicket/pages/LuceneSearchPage.html | 4 | ||||
| -rw-r--r-- | src/com/gitblit/wicket/pages/SummaryPage.html | 8 | ||||
| -rw-r--r-- | src/com/gitblit/wicket/pages/TreePage.html | 6 | ||||
| -rw-r--r-- | src/com/gitblit/wicket/panels/ActivityPanel.html | 10 | ||||
| -rw-r--r-- | src/com/gitblit/wicket/panels/ActivityPanel.java | 4 | ||||
| -rw-r--r-- | src/com/gitblit/wicket/panels/TeamsPanel.html | 8 | ||||
| -rw-r--r-- | src/com/gitblit/wicket/panels/UsersPanel.html | 8 |
11 files changed, 35 insertions, 33 deletions
diff --git a/resources/gitblit.css b/resources/gitblit.css index 051ad076..d2acaf5c 100644 --- a/resources/gitblit.css +++ b/resources/gitblit.css @@ -90,7 +90,7 @@ hr { background-image: url(arrow_page.png);
background-position: center bottom;
outline: 0;
- padding-bottom:2px;
+ padding-bottom:3px;
}
.navbar .active a {
@@ -649,7 +649,7 @@ table.plain { table.plain th, table.plain td {
white-space: nowrap;
- padding: 1px 6px;
+ padding: 1px 3px;
border: 0;
}
diff --git a/src/com/gitblit/wicket/pages/ActivityPage.html b/src/com/gitblit/wicket/pages/ActivityPage.html index ab8a53ad..4b10c2cf 100644 --- a/src/com/gitblit/wicket/pages/ActivityPage.html +++ b/src/com/gitblit/wicket/pages/ActivityPage.html @@ -6,7 +6,7 @@ <body>
<wicket:extend>
<div class="pageTitle">
- <h2><wicket:message key="gb.recentActivity"></wicket:message><small> / <span wicket:id="subheader">[days back]</span></small></h2>
+ <h2><wicket:message key="gb.recentActivity"></wicket:message><small> <span class="hidden-phone">/ <span wicket:id="subheader">[days back]</span></span></small></h2>
</div>
<div class="hidden-phone" style="height: 155px;text-align: center;">
<table>
diff --git a/src/com/gitblit/wicket/pages/BasePage.html b/src/com/gitblit/wicket/pages/BasePage.html index 1279d449..4a642e73 100644 --- a/src/com/gitblit/wicket/pages/BasePage.html +++ b/src/com/gitblit/wicket/pages/BasePage.html @@ -53,8 +53,10 @@ <wicket:fragment wicket:id="userFragment">
<span class="userPanel" wicket:id="username"></span>
<span class="userPanel" wicket:id="loginLink"></span>
- <span class="userPanel" wicket:id="separator"></span>
- <span class="userPanel"><a wicket:id="changePasswordLink"><wicket:message key="gb.changePassword"></wicket:message></a></span>
+ <span class="hidden-phone">
+ <span class="userPanel" wicket:id="separator"></span>
+ <span class="userPanel"><a wicket:id="changePasswordLink"><wicket:message key="gb.changePassword"></wicket:message></a></span>
+ </span>
</wicket:fragment>
</html>
\ No newline at end of file diff --git a/src/com/gitblit/wicket/pages/CommitPage.html b/src/com/gitblit/wicket/pages/CommitPage.html index 9555ddd1..354b7ba4 100644 --- a/src/com/gitblit/wicket/pages/CommitPage.html +++ b/src/com/gitblit/wicket/pages/CommitPage.html @@ -25,15 +25,15 @@ <tr><th><wicket:message key="gb.author">author</wicket:message></th><td><span class="sha1" wicket:id="commitAuthor">[author</span></td></tr>
<tr><th></th><td><span class="sha1" wicket:id="commitAuthorDate">[author date]</span></td></tr>
<tr><th><wicket:message key="gb.committer">committer</wicket:message></th><td><span class="sha1" wicket:id="commitCommitter">[committer]</span></td></tr>
- <tr><th></th><td><span class="sha1" wicket:id="commitCommitterDate">[commit date]</span></td></tr>
- <tr><th><wicket:message key="gb.commit">commit</wicket:message></th><td><span class="sha1" wicket:id="commitId">[commit id]</span></td></tr>
- <tr><th><wicket:message key="gb.tree">tree</wicket:message></th>
+ <tr class="hidden-phone"><th></th><td><span class="sha1" wicket:id="commitCommitterDate">[commit date]</span></td></tr>
+ <tr class="hidden-phone"><th><wicket:message key="gb.commit">commit</wicket:message></th><td><span class="sha1" wicket:id="commitId">[commit id]</span></td></tr>
+ <tr class="hidden-phone"><th><wicket:message key="gb.tree">tree</wicket:message></th>
<td><span class="sha1" wicket:id="commitTree">[commit tree]</span>
<span class="link">
<a wicket:id="treeLink"><wicket:message key="gb.tree"></wicket:message></a> | <a wicket:id="zipLink"><wicket:message key="gb.zip"></wicket:message></a>
</span>
</td></tr>
- <tr><th valign="top"><wicket:message key="gb.parent">parent</wicket:message></th>
+ <tr class="hidden-phone"><th valign="top"><wicket:message key="gb.parent">parent</wicket:message></th>
<td>
<span wicket:id="commitParents">
<span class="sha1" wicket:id="commitParent">[commit parents]</span>
diff --git a/src/com/gitblit/wicket/pages/LuceneSearchPage.html b/src/com/gitblit/wicket/pages/LuceneSearchPage.html index d6c76225..aba43de8 100644 --- a/src/com/gitblit/wicket/pages/LuceneSearchPage.html +++ b/src/com/gitblit/wicket/pages/LuceneSearchPage.html @@ -23,10 +23,10 @@ <h3><wicket:message key="gb.repositories"></wicket:message></h3>
<select wicket:id="repositories" ></select>
</div>
- <div class="span9">
+ <div class="span9" style="margin-left:10px">
<div>
<h3><wicket:message key="gb.query"></wicket:message></h3>
- <input class="span8" id="query" wicket:id="query" placeholder="enter search text"></input>
+ <input class="span8" id="query" type="text" wicket:id="query" placeholder="enter search text"></input>
<button class="btn btn-primary" type="submit" value="Search"><wicket:message key="gb.search"></wicket:message></button>
</div>
<div style="margin-top:10px;">
diff --git a/src/com/gitblit/wicket/pages/SummaryPage.html b/src/com/gitblit/wicket/pages/SummaryPage.html index 16e8acac..45ffddfb 100644 --- a/src/com/gitblit/wicket/pages/SummaryPage.html +++ b/src/com/gitblit/wicket/pages/SummaryPage.html @@ -13,13 +13,13 @@ </div>
<!-- Repository info -->
- <div style="padding-bottom: 10px;">
+ <div class="hidden-phone" style="padding-bottom: 10px;">
<table class="plain">
<tr><th><wicket:message key="gb.description">[description]</wicket:message></th><td><span wicket:id="repositoryDescription">[repository description]</span></td></tr>
<tr><th><wicket:message key="gb.owner">[owner]</wicket:message></th><td><span wicket:id="repositoryOwner">[repository owner]</span></td></tr>
- <tr class="hidden-phone"><th><wicket:message key="gb.lastChange">[last change]</wicket:message></th><td><span wicket:id="repositoryLastChange">[repository last change]</span></td></tr>
- <tr class="hidden-phone"><th><wicket:message key="gb.stats">[stats]</wicket:message></th><td><span wicket:id="branchStats">[branch stats]</span> <span class="link"><a wicket:id="metrics"><wicket:message key="gb.metrics">[metrics]</wicket:message></a></span></td></tr>
- <tr><th valign="middle"><wicket:message key="gb.repositoryUrl">[URL]</wicket:message></th><td><img style="vertical-align: middle;" wicket:id="accessRestrictionIcon" /><span wicket:id="repositoryCloneUrl">[repository clone url]</span><div wicket:id="otherUrls" style="margin-left:20px;"></div></td></tr>
+ <tr><th><wicket:message key="gb.lastChange">[last change]</wicket:message></th><td><span wicket:id="repositoryLastChange">[repository last change]</span></td></tr>
+ <tr><th><wicket:message key="gb.stats">[stats]</wicket:message></th><td><span wicket:id="branchStats">[branch stats]</span> <span class="link"><a wicket:id="metrics"><wicket:message key="gb.metrics">[metrics]</wicket:message></a></span></td></tr>
+ <tr><th style="vertical-align:top;"><wicket:message key="gb.repositoryUrl">[URL]</wicket:message> <img style="vertical-align: top;padding-left:3px;" wicket:id="accessRestrictionIcon" /></th><td><span wicket:id="repositoryCloneUrl">[repository clone url]</span><div wicket:id="otherUrls"></div></td></tr>
</table>
</div>
</div>
diff --git a/src/com/gitblit/wicket/pages/TreePage.html b/src/com/gitblit/wicket/pages/TreePage.html index 7e7f1fa0..760294f5 100644 --- a/src/com/gitblit/wicket/pages/TreePage.html +++ b/src/com/gitblit/wicket/pages/TreePage.html @@ -23,7 +23,7 @@ <tr wicket:id="changedPath">
<td class="icon"><img wicket:id="pathIcon" /></td>
<td><span wicket:id="pathName"></span></td>
- <td class="size"><span wicket:id="pathSize">[path size]</span></td>
+ <td class="hidden-phone size"><span wicket:id="pathSize">[path size]</span></td>
<td class="hidden-phone mode"><span wicket:id="pathPermissions">[path permissions]</span></td>
<td class="treeLinks"><span wicket:id="pathLinks">[path links]</span></td>
</tr>
@@ -32,14 +32,14 @@ <!-- tree links -->
<wicket:fragment wicket:id="treeLinks">
<span class="link">
- <a wicket:id="tree"><wicket:message key="gb.tree"></wicket:message></a> | <a wicket:id="history"><wicket:message key="gb.history"></wicket:message></a> | <a wicket:id="zip"><wicket:message key="gb.zip"></wicket:message></a>
+ <span class="hidden-phone"><a wicket:id="tree"><wicket:message key="gb.tree"></wicket:message></a> | </span><a wicket:id="history"><wicket:message key="gb.history"></wicket:message></a> | <a wicket:id="zip"><wicket:message key="gb.zip"></wicket:message></a>
</span>
</wicket:fragment>
<!-- blob links -->
<wicket:fragment wicket:id="blobLinks">
<span class="link">
- <a wicket:id="view"><wicket:message key="gb.view"></wicket:message></a> | <a wicket:id="raw"><wicket:message key="gb.raw"></wicket:message></a> | <a wicket:id="blame"><wicket:message key="gb.blame"></wicket:message></a> | <a wicket:id="history"><wicket:message key="gb.history"></wicket:message></a>
+ <span class="hidden-phone"><a wicket:id="view"><wicket:message key="gb.view"></wicket:message></a> | <a wicket:id="raw"><wicket:message key="gb.raw"></wicket:message></a> | <a wicket:id="blame"><wicket:message key="gb.blame"></wicket:message></a> | </span> <a wicket:id="history"><wicket:message key="gb.history"></wicket:message></a>
</span>
</wicket:fragment>
diff --git a/src/com/gitblit/wicket/panels/ActivityPanel.html b/src/com/gitblit/wicket/panels/ActivityPanel.html index eb2269b7..f4d14093 100644 --- a/src/com/gitblit/wicket/panels/ActivityPanel.html +++ b/src/com/gitblit/wicket/panels/ActivityPanel.html @@ -15,13 +15,13 @@ <td style="width:10em;text-align:left;vertical-align: middle;">
<span wicket:id="repository" class="repositorySwatch">[repository link]</span>
</td>
- <td class="hidden-phone" style="width:30px;vertical-align: middle;"><span wicket:id="avatar" style="vertical-align: middle;"></span></td>
- <td style="vertical-align: middle;">
- <img wicket:id="commitIcon" style="vertical-align: middle;"></img>
+ <td class="hidden-phone hidden-tablet" style="width:30px;vertical-align: middle;"><span wicket:id="avatar" style="vertical-align: middle;"></span></td>
+ <td style="vertical-align: middle;padding-left:15px;">
+ <img class="hidden-phone hidden-tablet" wicket:id="commitIcon" style="vertical-align: top;"></img>
<span wicket:id="message">[shortlog commit link]</span><br/>
- <span wicket:id="author" style="padding-left:20px;">[author link]</span> <wicket:message key="gb.authored"></wicket:message> <span wicket:id="commitid">[commit id]</span> on <span wicket:id="branch"></span>
+ <span wicket:id="author">[author link]</span> <span class="hidden-phone"><wicket:message key="gb.authored"></wicket:message> <span wicket:id="commitid">[commit id]</span></span> on <span wicket:id="branch"></span>
</td>
- <td style="text-align:right;vertical-align: middle;">
+ <td class="hidden-phone" style="text-align:right;vertical-align: middle;">
<div wicket:id="commitRefs">[commit refs]</div>
</td>
<td class="hidden-phone rightAlign" style="width:7em;vertical-align: middle;">
diff --git a/src/com/gitblit/wicket/panels/ActivityPanel.java b/src/com/gitblit/wicket/panels/ActivityPanel.java index e86a6890..2e70a9a0 100644 --- a/src/com/gitblit/wicket/panels/ActivityPanel.java +++ b/src/com/gitblit/wicket/panels/ActivityPanel.java @@ -71,14 +71,14 @@ public class ActivityPanel extends BasePanel { .getWhen(), getTimeZone(), getTimeUtils()));
// avatar
- commitItem.add(new GravatarImage("avatar", commit.getAuthorIdent(), 36));
+ commitItem.add(new GravatarImage("avatar", commit.getAuthorIdent(), 40));
// merge icon
if (commit.getParentCount() > 1) {
commitItem.add(WicketUtils.newImage("commitIcon",
"commit_merge_16x16.png"));
} else {
- commitItem.add(WicketUtils.newBlankImage("commitIcon"));
+ commitItem.add(WicketUtils.newBlankImage("commitIcon").setVisible(false));
}
// author search link
diff --git a/src/com/gitblit/wicket/panels/TeamsPanel.html b/src/com/gitblit/wicket/panels/TeamsPanel.html index e5382905..c6a73cd7 100644 --- a/src/com/gitblit/wicket/panels/TeamsPanel.html +++ b/src/com/gitblit/wicket/panels/TeamsPanel.html @@ -15,15 +15,15 @@ <img style="vertical-align: middle; border: 1px solid #888; background-color: white;" src="users_16x16.png"/>
<wicket:message key="gb.teams">[teams]</wicket:message>
</th>
- <th style="width:140px;"><wicket:message key="gb.teamMembers">[team members]</wicket:message></th>
- <th style="width:100px;"><wicket:message key="gb.repositories">[repositories]</wicket:message></th>
+ <th class="hidden-phone" style="width:140px;"><wicket:message key="gb.teamMembers">[team members]</wicket:message></th>
+ <th class="hidden-phone" style="width:100px;"><wicket:message key="gb.repositories">[repositories]</wicket:message></th>
<th style="width:80px;" class="right"></th>
</tr>
<tbody>
<tr wicket:id="teamRow">
<td class="left" ><div class="list" wicket:id="teamname">[teamname]</div></td>
- <td class="left" ><div class="list" wicket:id="members">[members]</div></td>
- <td class="left" ><div class="list" wicket:id="repositories">[repositories]</div></td>
+ <td class="hidden-phone left" ><div class="list" wicket:id="members">[members]</div></td>
+ <td class="hidden-phone left" ><div class="list" wicket:id="repositories">[repositories]</div></td>
<td class="rightAlign"><span wicket:id="teamLinks"></span></td>
</tr>
</tbody>
diff --git a/src/com/gitblit/wicket/panels/UsersPanel.html b/src/com/gitblit/wicket/panels/UsersPanel.html index 24911cd2..aaa7870a 100644 --- a/src/com/gitblit/wicket/panels/UsersPanel.html +++ b/src/com/gitblit/wicket/panels/UsersPanel.html @@ -16,8 +16,8 @@ <wicket:message key="gb.users">[users]</wicket:message>
</th>
<th class="hidden-phone hidden-tablet left"><wicket:message key="gb.displayName">[display name]</wicket:message></th>
- <th style="width:120px;"><wicket:message key="gb.accessLevel">[access level]</wicket:message></th>
- <th style="width:140px;"><wicket:message key="gb.teamMemberships">[team memberships]</wicket:message></th>
+ <th class="hidden-phone" style="width:120px;"><wicket:message key="gb.accessLevel">[access level]</wicket:message></th>
+ <th class="hidden-phone" style="width:140px;"><wicket:message key="gb.teamMemberships">[team memberships]</wicket:message></th>
<th class="hidden-phone" style="width:100px;"><wicket:message key="gb.repositories">[repositories]</wicket:message></th>
<th style="width:80px;" class="right"></th>
</tr>
@@ -25,8 +25,8 @@ <tr wicket:id="userRow">
<td class="left" ><span class="list" wicket:id="username">[username]</span></td>
<td class="hidden-phone hidden-tablet left" ><span class="list" wicket:id="displayName">[display name]</span></td>
- <td class="left" ><span class="list" wicket:id="accesslevel">[access level]</span></td>
- <td class="left" ><span class="list" wicket:id="teams">[team memberships]</span></td>
+ <td class="hidden-phone left" ><span class="list" wicket:id="accesslevel">[access level]</span></td>
+ <td class="hidden-phone left" ><span class="list" wicket:id="teams">[team memberships]</span></td>
<td class="hidden-phone left" ><span class="list" wicket:id="repositories">[repositories]</span></td>
<td class="rightAlign"><span wicket:id="userLinks"></span></td>
</tr>
|