refine impalacized dashboard styles (bug 697653)

This commit is contained in:
Chris Van 2011-10-31 21:04:19 -07:00
Родитель 57923a6b35
Коммит 164bae795f
13 изменённых файлов: 295 добавлений и 288 удалений

Просмотреть файл

@ -4,3 +4,4 @@
data-updateurl="{{ update_url }}" data-errorurl="{{ error_url }}" href="#"
title="{{ _('View and update application compatibility ranges.') }}">
{{ _('Compatibility') }}</a>

Просмотреть файл

@ -32,7 +32,7 @@
</p>
<div class="new-apps"></div>
<p class="compat-save">
<button type="submit">{{ _('Save Changes') }}</button> {{ _('or') }}
<a href="#" class="close">{{ _('Cancel') }}</a>
<button type="submit">{{ _('Save Changes') }}</button>
</p>
<a href="#" class="close">{{ _('Close') }}</a>
</form>

Просмотреть файл

@ -57,7 +57,7 @@
{% endif %}
</div>
{% else %}
<aside id="devhub-sidebar" class="secondary" role="complementary">
<section class="secondary devhub-sidebar">
<p id="submit-addon" class="cta">
{% if webapp %}
<a href="{{ url('devhub.submit_apps.1') }}"
@ -67,7 +67,7 @@
class="button prominent">{{ _('Submit a New Add-on') }}</a>
{% endif %}
</p>
<div class="recent-activity">
<div class="item recent-activity">
<h3>
{{ _('Recent Activity') }}
<a href="{{ rss }}" class="subscribe-feed" title="{{ _('Subscribe to this feed') }}">
@ -99,8 +99,7 @@
{% if not webapp %}
{% include "devhub/includes/blog_posts.html" %}
{% endif %}
</aside>
</section>
<section id="dashboard" class="primary" role="main">
<div class="listing island hero c">
{% set url_base = url('devhub.apps') if webapp else url('devhub.addons') %}

Просмотреть файл

@ -5,7 +5,7 @@
href="http://blog.mozilla.com/addons/feed/">
{{ _('Subscribe to this feed') }}</a>
</h3>
<ul class="blog_posts">
<ul>
{% for post in blog_posts %}
<li class="item">
<a href="{{ post.permalink }}" target="_new">

Просмотреть файл

@ -198,15 +198,16 @@
}
/* Blog Posts on sidebar */
.secondary ul.blog_posts {
.secondary.devhub-sidebar ul {
margin-bottom: 0;
li {
border: medium none;
padding-bottom: 1em;
font-family: verdana;
font-size: 0.9em;
font-size: 11px;
a {
line-height: 1.2em;
color: @link;
line-height: 13px;
}
}
a {
@ -216,22 +217,18 @@
}
.activity-timestamp {
display: block;
color: #999;
padding: 0;
color: @note-gray;
font-size: 10px;
margin-top: 0.15em;
}
}
.secondary h3 a.subscribe-feed {
background: url(../../img/zamboni/icons/subscribe-icons.png) no-repeat;
display: inline-block;
line-height: 16px;
height: 16px;
padding: 0;
margin-left: 0.2em;
text-indent: -9999px;
width: 16px;
&:hover {
background-position: 0 -16px;
.modal p,
.popup p {
line-height: 1.3;
margin: 1em 0 0;
&:first-child {
margin: 0;
}
}
@ -325,6 +322,3 @@
margin: .5em 0 .25em;
}
}
#dashboard .island {
float: left;
}

Просмотреть файл

@ -0,0 +1,144 @@
@import 'lib';
.tooltip.ajax-loading {
.background-size(auto 12px);
}
.compat-error {
background: url(../../img/zamboni/notifications.png) 0px -164px no-repeat;
padding-left: 15px;
}
#dashboard .item .item-actions a.compat-error {
color: #c00;
}
.compat-error-popup.popup {
min-height: 100px;
padding: 15px;
.msg {
padding-left: 45px;
}
}
.compat-versions td.app,
.new-apps a.app {
font-weight: bold;
min-height: 24px;
padding-left: 35px;
}
.compat-versions td.app {
background-position: 0 0.5em;
.background-size(auto 24px);
line-height: 30px;
vertical-align: top;
}
.devhub-form .compat-versions td.app {
background-position: 0 12px;
}
.new-apps a.app {
background-position: 0 50%;
.background-size(auto 16px);
line-height: 24px;
}
.compat-versions p.add-app a,
.new-apps a.app {
display: block;
}
.devhub-form .compat-versions {
tbody {
border: 0;
}
p.add-app {
margin-top: 1em;
}
}
.compat-versions {
table {
width: 100%;
}
tbody {
border: 1px solid @dark-gray;
border-width: 1px 0;
tr:not(:last-child) {
border-bottom: 1px dotted @border-blue;
}
}
thead th {
color: #888;
}
p.add-app + .new-apps {
margin: 0 0 1em;
}
thead th,
table + p,
.errorlist {
font-size: 0.85em;
}
.errorlist {
margin-bottom: 0;
}
td.select {
display: table-row;
div {
display: table-cell;
padding: 0 0.5em 0;
&:first-child {
padding-left: 0;
}
}
select {
width: 120px;
}
}
td label,
td.remove input {
position: absolute;
left: -9999px;
}
td.remove div {
position: relative;
top: 0.308em;
}
tr.app-extra,
.new-apps {
display: none;
}
}
.compat-update-modal {
h3 {
font-size: 16px;
font-weight: bold;
}
min-height: 425px;
> :first-child {
margin-top: 0;
}
> :last-child {
margin-bottom: 0;
}
table {
margin-top: 1em;
}
.compat-versions td.app {
background-position: 0 0.5em;
.background-size(auto 20px);
}
tbody tr:not(:last-child) {
border-bottom-color: @light-gray;
}
}
.version-comments {
border-top: 1px dotted #bbb;
display: none;
margin: 0 10px;
padding: 6px;
&:first-child {
border-top: 0 none;
padding-top: 10px;
}
}

Просмотреть файл

@ -0,0 +1,49 @@
@import 'lib';
#dashboard .island {
float: left;
}
#submit-addon {
margin-bottom: 1.5em;
padding: 0;
.button {
display: block;
}
}
.more-actions-popup {
ul:first-child {
border-bottom: 1px dotted @border-blue;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
}
li a {
display: block;
}
}
.older-activity {
font-size: 0.9em;
a {
display: block;
}
}
h3 a.subscribe-feed {
background: url(../../img/zamboni/icons/subscribe-icons.png) no-repeat;
display: inline-block;
line-height: 16px;
height: 16px;
padding: 0;
margin-left: 0.2em;
text-indent: -9999px;
width: 16px;
&:hover {
background-position: 0 -16px;
}
}
.compat-error-popup.popup {
min-height: 80px;
}

Просмотреть файл

@ -0,0 +1,58 @@
@import 'lib';
.devhub-form .tip,
.addon-submission-process .tip,
ul.errorlist li span.tip,
a.remove,
span.remove {
.border-radius(20px);
background-color: #ddd;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: bold;
height: 18px;
line-height: 1.3em;
margin-top: 0;
text-align: center;
text-decoration: none;
width: 18px;
}
.devhub-form .tip,
.addon-submission-process .tip {
vertical-align: top;
}
a.remove {
cursor: pointer;
line-height: 16px;
float: right;
margin-top: 2px;
}
span.remove {
background-color: #eee;
}
.devhub-form .author:hover .remove,
.devhub-form tr:hover .tip,
.devhub-form tr:hover > td > a.remove,
.addon-submission-process #icon_preview:hover .tip,
.compat-versions tr:hover a.remove,
#existing_locales li:hover a.remove,
#required-addons ul.dependencies li:hover a.remove {
background-color: #ccc;
}
.devhub-form tr:hover .tip:hover,
.addon-submission-process tr:hover .tip:hover {
cursor: help;
}
span.tip:hover,
a.remove:hover {
background-color: #2A4364 !important;
}
.devhub-form .empty {
color: @note-gray;
font-style: italic;
}

Просмотреть файл

@ -1,5 +1,11 @@
@import 'lib';
.items:first-child .item:first-child {
.info, .action {
border: 0;
}
}
.listing .item {
.item-info {
border-left: 1px dotted @border-blue;
@ -7,11 +13,11 @@
margin-left: 2%;
padding-left: 2%;
width: 15em;
}
.item-info > .downloads,
.item-info > .users {
color: @green;
margin-top: 0;
> .downloads,
> .users {
color: @green;
margin-top: 0;
}
}
.item-actions {
float: none;
@ -31,6 +37,9 @@
top: 0;
width: 0;
}
&:hover:after {
border-top-color: #05e;
}
}
}
h5 {
@ -48,11 +57,11 @@
display: inline-block;
&:not(:last-child):after {
background-color: @note-gray;
border-radius: 5em 5em 5em 5em;
border-radius: 5em;
content: "";
display: inline-block;
height: 2px;
margin: 0 0 4px 1px;
margin: 0 2px 4px;
width: 2px;
}
}
@ -66,7 +75,3 @@
}
}
}
.secondary .recent-activity li a {
display: inline;
padding: 0;
}

Просмотреть файл

@ -425,7 +425,7 @@ button.search-button {
}
.html-rtl {
.site-balloon, .site-tip, #lightbox, .is-impala .modal {
.site-balloon, .site-tip, #lightbox, &.is-impala .modal {
padding: 15px 15px 15px 45px;
&:before, &:after {
border-color: transparent;

Просмотреть файл

@ -19,8 +19,8 @@ body {
margin: 0 auto;
position: relative;
min-height: @page-min-height;
> header h2,
> header h3 {
header h2,
header h3 {
margin-bottom: 16px;
}
}

Просмотреть файл

@ -124,65 +124,6 @@ form .char-count:after,
height: 75px;
}
.devhub-form .tip,
.addon-submission-process .tip,
ul.errorlist li span.tip,
a.remove,
span.remove {
-moz-border-radius: 20px;
-webkit-border-radius :20px;
border-radius: 20px;
background-color: #DDDDDD;
color: white;
display: inline-block;
font-size: 14px;
font-weight: bold;
height: 18px;
line-height: 1.3em;
margin-top: 0;
text-align: center;
text-decoration :none;
width: 18px;
}
.devhub-form .tip,
.addon-submission-process .tip {
vertical-align: top;
}
a.remove {
cursor: pointer;
line-height: 16px;
float: right;
margin-top: 2px;
}
span.remove {
background-color: #EEE;
}
.devhub-form .author:hover .remove,
.devhub-form tr:hover .tip,
.devhub-form tr:hover > td > a.remove,
.addon-submission-process #icon_preview:hover .tip,
.compat-versions tr:hover a.remove,
#existing_locales li:hover a.remove,
#required-addons ul.dependencies li:hover a.remove {
background-color: #CCC;
}
.devhub-form tr:hover .tip:hover,
.addon-submission-process tr:hover .tip:hover {
cursor: help;
}
span.tip:hover,
a.remove:hover {
background-color: #2A4364 !important;
}
.devhub-form .empty {
color: #999;
font-style: italic;
}
ul.refinements:last-child {
border-bottom-width: 0;
margin-bottom: 0;
@ -558,119 +499,6 @@ form .char-count b {
/* @end */
/* @group Version Compatibility */
.compat-update-modal {
min-height: 425px;
}
.compat-update-modal > :first-child {
margin-top: 0;
}
.compat-update-modal > :last-child {
margin-bottom: 0;
}
.compat-versions table {
width: 100%;
}
.compat-versions tbody {
border: 1px solid #000;
border-width: 1px 0;
}
.compat-versions thead th {
color: #888;
}
.compat-versions tbody tr:not(:last-child) {
border-bottom: 1px dotted #a5bfce;
}
.compat-versions td.app,
.new-apps a.app {
font-weight: bold;
min-height: 24px;
padding-left: 35px;
}
.compat-versions td.app {
background-position: 0 0.5em;
-moz-background-size: auto 24px;
-wekbkit-background-size: auto 24px;
background-size: auto 24px;
line-height: 30px;
vertical-align: top;
}
.devhub-form .compat-versions td.app {
background-position: 0 12px;
}
.new-apps a.app {
background-position: 0 50%;
-moz-background-size: auto 16px;
-wekbkit-background-size: auto 16px;
background-size: auto 16px;
line-height: 24px;
}
.compat-versions p.add-app {
margin-top: -1em;
}
.compat-versions p.add-app a,
.new-apps a.app {
display: block;
}
.compat-versions p.add-app + .new-apps {
margin: -1em 0 1em;
}
.compat-versions thead th,
.compat-versions table + p,
.compat-versions .errorlist {
font-size: 0.85em;
}
.compat-versions .errorlist {
margin-bottom: 0;
}
.compat-versions td.select {
display: table-row;
}
.compat-versions td.select div {
display: table-cell;
padding: 0 0.5em 0;
}
.compat-versions td.select div:first-child {
padding-left: 0;
}
.compat-versions td.select select {
width: 120px;
}
.compat-versions td label,
.compat-versions td.remove input {
position: absolute;
left: -9999px;
}
.compat-versions td.remove div {
position: relative;
top: 0.308em;
}
.compat-versions tr.app-extra,
.compat-versions .new-apps {
display: none;
}
.version-comments:first-child {
border-top: 0 none;
padding-top: 10px;
}
.version-comments {
border-top: 1px dotted #BBBBBB;
display: none;
margin: 0 10px;
padding: 6px;
}
/* @end */
/* @group Dashboard */
#dashboard .listing .item {
@ -787,73 +615,7 @@ a.more-actions:after:hover {
padding-bottom: 0.5em;
}
/* @group Compatibility */
.compat-error {
background: url(../../img/zamboni/notifications.png) 0px -164px no-repeat;
padding-left: 15px;
}
#dashboard .item .item-actions a.compat-error {
color: #c00;
}
.tooltip.ajax-loading {
-moz-background-size: auto 12px;
-wekbkit-background-size: auto 12px;
background-size: auto 12px;
}
.compat-error-popup.popup {
padding: 15px;
min-height: 100px;
}
.compat-error-popup.popup .msg {
padding-left: 45px;
}
/* @end */
#submit-addon {
margin-bottom: 3em;
}
.secondary .recent-activity>ul>li,
.secondary .blog-posts>ul>li {
color: #555;
line-height: 1.2em;
margin-bottom: 0.75em;
}
.secondary .blog-posts>ul>li a,
.secondary .recent-activity>ul>li a {
color: #333;
}
.activity-timestamp {
color: #aaa;
display: block;
font-size: 0.9em;
margin-top: 0.15em;
}
.older-activity {
font-size: 0.9em;
}
.older-activity a {
display: block;
}
h3 a.subscribe-feed {
background: url(../../img/zamboni/icons/subscribe-icons.png) no-repeat;
display: inline-block;
line-height: 16px;
height: 16px;
padding: 0;
margin-left: 0.2em;
text-indent: -9999px;
width: 16px;
}
h3 a.subscribe-feed:hover {
background-position: 0 -16px;
}
.addon-submission-process form div.addon-submission-field {
margin-bottom: 1em;
@ -879,8 +641,6 @@ h3 a.subscribe-feed:hover {
padding-top: 1em;
}
/* @end */
/* @group Ownership */
#author_list .email-autocomplete {
width: 220px;
@ -1607,14 +1367,6 @@ form.select-review .errorlist {
border-bottom: 1px dotted #ADD0DC;
}
.devhub-form .compat-versions tbody {
border: 0;
}
.devhub-form .compat-versions p.add-app {
margin-top: 1em;
}
/* @group Add-on validator suite */
#addon-validator-suite {
width: 56em;

Просмотреть файл

@ -503,11 +503,16 @@ MINIFY_BUNDLES = {
'css/zamboni/docs.less',
'css/impala/developers.less',
'css/impala/devhub-packager.less',
'css/impala/devhub-compat.less',
'css/impala/formset.less',
'css/impala/devhub-forms.less',
),
'zamboni/devhub_impala': (
'css/impala/developers.less',
'css/impala/devhub-listing.less',
'css/impala/devhub-compat.less',
'css/impala/devhub-dashboard.less',
'css/impala/devhub-forms.less',
),
'zamboni/editors': (
'css/zamboni/editors.css',