[Bps-public-commit] rt-extension-mobileui branch, master, updated. fdd9d812ece3bd4908ff65329e9711cba2804833
Jesse Vincent
jesse at bestpractical.com
Tue Jul 27 16:20:17 EDT 2010
The branch, master has been updated
via fdd9d812ece3bd4908ff65329e9711cba2804833 (commit)
via 06aefd367f3f160ccfb9dd32ff6d120d5621bdd3 (commit)
from ed6eb9ad71324bf2d6b6cf2369bf21dfe8159d97 (commit)
Summary of changes:
html/m/_elements/footer | 6 +
html/m/_elements/header | 3 +
html/m/_elements/menu | 2 +-
html/m/{style.css => _elements/raw_style} | 101 ++++++++++++++--
html/m/_elements/ticket_list | 2 +-
html/m/index.html | 2 +-
html/m/login | 12 +-
html/m/style.css | 192 +----------------------------
8 files changed, 114 insertions(+), 206 deletions(-)
copy html/m/{style.css => _elements/raw_style} (64%)
- Log -----------------------------------------------------------------
commit 06aefd367f3f160ccfb9dd32ff6d120d5621bdd3
Author: Jesse Vincent <jesse at bestpractical.com>
Date: Tue Jul 27 13:12:50 2010 -0700
somewhat usable styling for showing tickets, logging in, menus.
diff --git a/html/m/_elements/footer b/html/m/_elements/footer
index 308b1d0..2c7602d 100644
--- a/html/m/_elements/footer
+++ b/html/m/_elements/footer
@@ -1,2 +1,8 @@
+ <div id="bpscredits">
+ <& /Elements/Logo, ShowName => 0 &>
+ <div id="copyright">
+<&|/l, '', '', '2010', '<a href="http://www.bestpractical.com?rt='.$RT::VERSION.'">Best Practical Solutions, LLC</a>', &>[_1] RT [_2] Copyright 1996-[_3] [_4].</&>
+</div>
+</div>
</body>
</html>
diff --git a/html/m/_elements/menu b/html/m/_elements/menu
index 7e946f8..7f45850 100644
--- a/html/m/_elements/menu
+++ b/html/m/_elements/menu
@@ -1,4 +1,4 @@
-<&| /Widgets/TitleBox &>
+<&| /Widgets/TitleBox, class => 'menu'&>
<ul class="menu">
% for my $item (@menu) {
<li><a href="<%RT->Config->Get('WebPath')%><%$item->{url}%>"><%$item->{label}%></a></li>
diff --git a/html/m/style.css b/html/m/_elements/raw_style
similarity index 68%
copy from html/m/style.css
copy to html/m/_elements/raw_style
index efe9144..676dea1 100644
--- a/html/m/style.css
+++ b/html/m/_elements/raw_style
@@ -5,6 +5,23 @@ body {
margin: 0;
}
+h1 {
+ font-size: 1.5em;
+ padding-top: 0.5em;
+ padding-bottom: 0.25em;
+ margin-bottom: 1.5em;
+ padding-left: 0.2em;
+
+ background-color: #fff;
+
+}
+
+div.buttons {
+ text-align: right;
+ padding-right: 0.5em;
+ padding-bottom: 0.5em;
+}
+
.titlebox-title {
font-size: 1.3em;
margin-left: 0.5em;
@@ -39,7 +56,8 @@ ul.menu li
padding: 0;
}
-ul.menu li a:active, ul.menu li a:hover {
+ul.ticketlist li:active, ul.ticketlist li:hover,
+ul.menu li:active, ul.menu li:hover {
background-color: #eee;
}
@@ -65,12 +83,13 @@ ul.menu li#active a
color: #800000;
}
-div.titlebox {
+div.titlebox, #bpscredits{
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
margin: 0.5em;
background-color: #fff;
padding-top: 1em;
+ padding-bottom: 0.8em;
margin-top: 1.5em;
-webkit-box-shadow: #333 0px 0px 5px;
-moz-box-shadow: #333 0px 0px 5px;
@@ -143,15 +162,20 @@ div#paging {
text-align: center;
}
-.ticket_menu .titlebox-title, .history .titlebox-title{
+.titlebox.search .titlebox-title, .titlebox.menu .titlebox-title, .ticket_menu .titlebox-title, .history .titlebox-title{
display: none;
}
-.ticket_menu ul li a{
+.ticket_menu a, .menu a {
text-decoration: none;
color: #000;
}
+.menu a:after {
+ color: #666;
+ content: " >";
+}
+
.ticket_menu ul li {
display: inline-block;
list-style: none;
@@ -184,8 +208,51 @@ div#paging {
padding: 0.5em;
}
-%$m->abort();
-</%init>
- $HTML::Mason::Commands::r->content_type('text/css');
+div#login-box div.titlebox .label {
+ width: 5em;
+}
+
+div#login-box div.titlebox {
+ width: 21em;
+ text-align: center;
+ margin-left:auto;
+ margin-right: auto;
+}
+
+#bpscredits img {
+ padding-bottom: 1em;
+}
+
+
+
+#bpscredits {
+ float: right;
+ text-align: right;
+ width: auto;
+ font-size: 0.8em;
+ padding: 1em;
+}
+
+
+:focus {
+ background-color: #ffc;
+ border-color: #000;
+ border-weight: 3px;
+}
+
+input[type=submit], input[type=button], button, #paging a {
+ border: 2px outset;
+ margin: 0.3em;
+ padding: 0.3em;
+ padding-left: 0.6em;
+ padding-right: 0.6em;
+ -moz-border-radius: 0.5em;
+ -webkit-border-radius: 0.5em;
+ background-color: #006699;
+ color: #fff;
+}
+
+form {
-</%init>
+ margin:0;
+}
diff --git a/html/m/_elements/ticket_list b/html/m/_elements/ticket_list
index f9e47af..8877cc2 100644
--- a/html/m/_elements/ticket_list
+++ b/html/m/_elements/ticket_list
@@ -17,7 +17,7 @@ if ($page > 1 && ! @{$collection->ItemsArrayRef||[]}) {
</%init>
<&| /m/_elements/wrapper, title =>
loc("Found [quant,_1,ticket]",$collection->Count) &>
-<&|/Widgets/TitleBox,
+<&|/Widgets/TitleBox, class => 'search'
&>
<ul class="ticketlist">
% while (my $ticket = $collection->Next()) {
diff --git a/html/m/index.html b/html/m/index.html
index 6ca1217..d224349 100644
--- a/html/m/index.html
+++ b/html/m/index.html
@@ -1,4 +1,4 @@
<&| _elements/wrapper &>
-<%loc("RT for [_1]",RT->Config->Get('rtname'))%>
+<h1><%loc("RT for [_1]",RT->Config->Get('rtname'))%></h1>
<& _elements/menu &>
</&>
diff --git a/html/m/login b/html/m/login
index aed5393..59bad8c 100644
--- a/html/m/login
+++ b/html/m/login
@@ -26,8 +26,10 @@ unless (!defined($uri->authority) || $uri->authority eq $uri_base_url->authority
}
</%INIT>
<&| /m/_elements/wrapper &>
-
-
+<style>
+<& /m/_elements/raw_style &>
+</style>
+<h1><&|/l, RT->Config->Get('rtname') &>RT for [_1]</&></h1>
<div id="body" class="login-body">
% if ($Error) {
<&| "/Widgets/TitleBox", title => loc('Error'), hideable => 0, class => 'error' &>
@@ -37,7 +39,7 @@ unless (!defined($uri->authority) || $uri->authority eq $uri_base_url->authority
<div id="login-box">
-<&| /Widgets/TitleBox, title => loc('Login'), titleright => $RT::VERSION, hideable => 0 &>
+<&| /Widgets/TitleBox, title => loc('Login'), hideable => 0 &>
% unless (RT->Config->Get('WebExternalAuth') and !RT->Config->Get('WebFallbackToInternalAuth')) {
<form id="login" name="login" method="post" action="<% $form_action %>">
@@ -52,9 +54,7 @@ unless (!defined($uri->authority) || $uri->authority eq $uri_base_url->authority
<span class="input"><input type="password" name="pass" autocomplete="off" /></span>
</div>
-<div class="button-row">
- <span class="input"><input type="submit" class="button" value="<&|/l&>Login</&>" /></span>
-</div>
+<& /Elements/Submit, Label => loc('Login')&>
% foreach my $key (keys %ARGS) {
% if (($key ne 'user') and ($key ne 'pass')) {
diff --git a/html/m/style.css b/html/m/style.css
index efe9144..22be0a9 100644
--- a/html/m/style.css
+++ b/html/m/style.css
@@ -1,191 +1,5 @@
-body {
- font-family: helvetica, arial, sans-serif;
- background-color: #ccf;
- text-rendering: optimizeLegibility;
- margin: 0;
-}
-
-.titlebox-title {
- font-size: 1.3em;
- margin-left: 0.5em;
- margin-top: -1.2em;
- top: -0.5em;
- padding: 0.5em;
- position: relative;
- display: inline-block;
- text-decoration: underline;
- background-color: #fff;
- -moz-border-radius: 0.25em;
- -webkit-border-radius: 0.25em;
- -webkit-box-shadow: #333 0px 0px 5px;
- -moz-box-shadow: #333 0px 0px 5px;
- box-shadow: #333 0px 0px 5px;
-
-}
-
-ul.menu
-{
- text-align: left;
- list-style: none;
- padding: 0;
- margin: -0.6em;
- left: 0;
-}
-
-ul.menu li
-{
- display: block;
- margin: 0;
- padding: 0;
-}
-
-ul.menu li a:active, ul.menu li a:hover {
- background-color: #eee;
-}
-
-
-ul.menu li a
-{
- display: block;
- padding: 1em;
- margin: 0;
- border:0;
- border-top-width: 1px;
- border-top-color: #666;
- border-style: solid;
- text-decoration: none;
-}
-
-ul.menu li:first-child a {
- border: none;
-}
-
-ul.menu li#active a
-{
- color: #800000;
-}
-
-div.titlebox {
- -moz-border-radius: 1em;
- -webkit-border-radius: 1em;
- margin: 0.5em;
- background-color: #fff;
- padding-top: 1em;
- margin-top: 1.5em;
- -webkit-box-shadow: #333 0px 0px 5px;
- -moz-box-shadow: #333 0px 0px 5px;
- box-shadow: #333 0px 0px 5px;
- margin-bottom: 2em;
-}
-
-div .titlebox-content {
- padding-left: 0.5em;
- padding-right: 0.5em;
-}
-
-hr.clear {
- display: none;
-}
-
-
-.label, .labeltop {
- text-align: right;
- display: inline-block;
- width: 8em;
- font-weight: normal;
-}
-.value {
- font-weight: bold;
-}
-
-ul.ticketlist {
- list-style: none;
- padding-left: -0.5em;
- padding-right: -0.5em; /* to counteract the titlebox and get shading to the end*/
- margin-left: -0.5em;
- margin-right: -0.5em;
- padding: 0em;
- padding-bottom: 2em;
-}
-
-ul.ticketlist li.ticket {
- padding: 0.5em;
- font-weight: bold;
- border-bottom: 1px solid black;
-
-}
-ul.ticketlist li.ticket:first-child {
- border-top: 1px solid black;
-}
-
-ul.ticketlist li.ticket a.ticket{
- font-size: 1.3em;
-}
-
-ul.ticketlist li.ticket div {
- padding: 0.2em;
-}
-
-ul.ticketlist li.ticket .label{
- font-weight: normal;
-}
-
-
-ul.ticketlist li.ticket br {
- display: none;
-}
-
-ul.ticketlist li.ticket div.metadata div {
- display: inline-block;
-}
-
-div#paging {
- text-align: center;
-}
-
-.ticket_menu .titlebox-title, .history .titlebox-title{
- display: none;
-}
-
-.ticket_menu ul li a{
- text-decoration: none;
- color: #000;
-}
-
-.ticket_menu ul li {
- display: inline-block;
- list-style: none;
- text-align: center;
- padding-bottom: 0.25em;
- padding-top: 0.25em;
- font-size: 1.5em;
-}
-.ticket_menu ul {
- width: 100%;
- display: block;
- padding: 0;
- margin: 0;
-}
-
-.history ul.history-list {
- padding: 0;
- margin: 0;
- padding-bottom: 2em;
-}
-
-
-.history ul.history-list li:first-child {
- border-top: 1px solid black;
-}
-
-.history ul.history-list li {
- list-style: none;
- border-bottom: 1px solid black;
- padding: 0.5em;
-}
-
-%$m->abort();
-</%init>
+<%init>
$HTML::Mason::Commands::r->content_type('text/css');
-
+ $m->comp('/m/_elements/raw_style');
+ $m->abort();
</%init>
commit fdd9d812ece3bd4908ff65329e9711cba2804833
Author: Jesse Vincent <jesse at bestpractical.com>
Date: Tue Jul 27 13:22:07 2010 -0700
"home" button
diff --git a/html/m/_elements/header b/html/m/_elements/header
index c285ad6..c9988ac 100644
--- a/html/m/_elements/header
+++ b/html/m/_elements/header
@@ -10,3 +10,6 @@ $title => undef
% if ($title) {
<h1><%$title%></h1>
% }
+<div id="gohome">
+<a href="<%RT->Config->Get('WebPath')%>/m/"><&|/l&>Homepage</&>
+</div>
diff --git a/html/m/_elements/raw_style b/html/m/_elements/raw_style
index 676dea1..faa5cfa 100644
--- a/html/m/_elements/raw_style
+++ b/html/m/_elements/raw_style
@@ -171,7 +171,7 @@ div#paging {
color: #000;
}
-.menu a:after {
+ul.menu a:after {
color: #666;
content: " >";
}
@@ -256,3 +256,21 @@ form {
margin:0;
}
+
+#gohome {
+ position: absolute;
+ top: 0;
+ right: 0;
+ border-left: 1px solid black;
+ border-bottom: 1px solid black;
+ -moz-border-radius-bottomleft: 1em;
+ -webkit-border-bottom-left-radius: 1em;
+
+ padding: 0.5em;
+ background-color: #fff;
+}
+
+#gohome a {
+ font-size: 1.2em;
+ color: #000;
+}
-----------------------------------------------------------------------
More information about the Bps-public-commit
mailing list