[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