diff --git a/media/css/ecosystem/documentation.less b/media/css/ecosystem/documentation.less index f70f2c8754..0359ac18df 100644 --- a/media/css/ecosystem/documentation.less +++ b/media/css/ecosystem/documentation.less @@ -87,20 +87,16 @@ pre { margin-left: 20px; width: 95%; - > ul { + ul { clear: both; display: block; float: left; - padding: 0 0 20px; + list-style: disc; width: 95%; } li { - clear: both; - display: block; - float: left; line-height: 23px; - width: 100%; } } diff --git a/mkt/ecosystem/templates/ecosystem/design/xtag.html b/mkt/ecosystem/templates/ecosystem/design/xtag.html index 4346a928ac..f84c1d3bdd 100644 --- a/mkt/ecosystem/templates/ecosystem/design/xtag.html +++ b/mkt/ecosystem/templates/ecosystem/design/xtag.html @@ -24,11 +24,6 @@

{{ title }}

-

{{ _('Description') }}

-

- {% block description %}{% endblock %} -

-

{{ _('Use It') }}

{% block use_it %}{% endblock %} diff --git a/mkt/ecosystem/templates/ecosystem/design/xtag_alert.html b/mkt/ecosystem/templates/ecosystem/design/xtag_alert.html index b87d175150..164745bb4b 100644 --- a/mkt/ecosystem/templates/ecosystem/design/xtag_alert.html +++ b/mkt/ecosystem/templates/ecosystem/design/xtag_alert.html @@ -1,11 +1,5 @@ {% extends "ecosystem/design/xtag.html" %} -{% block description %} - An alert popup dialog is a small window which demands user input related - to the current activity. It disables all current activities and only - disappears after the user confirms an action or dismisses the dialog. -{% endblock %} - {% block use_it %} When the current activity absolutely requires user input, usually validation (e.g."delete all contacts?") or authorization (e.g. "enable diff --git a/mkt/ecosystem/templates/ecosystem/design/xtag_dropdown.html b/mkt/ecosystem/templates/ecosystem/design/xtag_dropdown.html index e803ee4459..b7238fc549 100644 --- a/mkt/ecosystem/templates/ecosystem/design/xtag_dropdown.html +++ b/mkt/ecosystem/templates/ecosystem/design/xtag_dropdown.html @@ -1,11 +1,5 @@ {% extends "ecosystem/design/xtag.html" %} -{% block description %} - A dropdown menu presents a list of options related to the current activity. - It is opened when the user touches the dropdown icon. It can include text, - image or both. -{% endblock %} - {% block use_it %} When the user has to choose one item from a list. {% endblock %} diff --git a/mkt/ecosystem/templates/ecosystem/design/xtag_list.html b/mkt/ecosystem/templates/ecosystem/design/xtag_list.html index 474b731e98..2942bdc8e9 100644 --- a/mkt/ecosystem/templates/ecosystem/design/xtag_list.html +++ b/mkt/ecosystem/templates/ecosystem/design/xtag_list.html @@ -1,11 +1,5 @@ {% extends "ecosystem/design/xtag.html" %} -{% block description %} - A list is a group of vertically arranged elements which can consists - of text, icons, checkboxes, radio buttons, etc. A list often has a - title and separators. -{% endblock %} - {% block use_it %} When you want to organize information for scanning and/or to present options. {% endblock %} diff --git a/mkt/ecosystem/templates/ecosystem/design/xtag_picker.html b/mkt/ecosystem/templates/ecosystem/design/xtag_picker.html index e30b2d3655..788d132da4 100644 --- a/mkt/ecosystem/templates/ecosystem/design/xtag_picker.html +++ b/mkt/ecosystem/templates/ecosystem/design/xtag_picker.html @@ -1,11 +1,5 @@ {% extends "ecosystem/design/xtag.html" %} -{% block description %} - A picker lets the user quickly choose time, date or other information - such as a location from a predefined set of values. It also ensures the - data is entered in the correct format. -{% endblock %} - {% block use_it %} When you want the user to pick a time, date or other information from a set of values. diff --git a/mkt/ecosystem/templates/ecosystem/design/xtag_select_list.html b/mkt/ecosystem/templates/ecosystem/design/xtag_select_list.html index 64ef5c36fc..7c9c9a6012 100644 --- a/mkt/ecosystem/templates/ecosystem/design/xtag_select_list.html +++ b/mkt/ecosystem/templates/ecosystem/design/xtag_select_list.html @@ -1,13 +1,5 @@ {% extends "ecosystem/design/xtag.html" %} -{% block description %} - A select list is a popup dialog that presents a list of options related - to the current activity. It disables all current activities and only - disappears after the user confirms an action or dismisses the dialog. A - normal list allows the user to select one item, and a multi-select list - allows multiple selections. It can include text, image, or both. -{% endblock %} - {% block use_it %} When the user has to choose one or more items from a list. {% endblock %} diff --git a/mkt/ecosystem/templates/ecosystem/design/xtag_slidebox.html b/mkt/ecosystem/templates/ecosystem/design/xtag_slidebox.html index 0cf2d78d4d..d9c71313c8 100644 --- a/mkt/ecosystem/templates/ecosystem/design/xtag_slidebox.html +++ b/mkt/ecosystem/templates/ecosystem/design/xtag_slidebox.html @@ -1,10 +1,5 @@ {% extends "ecosystem/design/xtag.html" %} -{% block description %} - A slide box is a rotating slide display with previous/ next navigation - that moves either horizontally or vertically, but not both. -{% endblock %} - {% block use_it %} When you want the users to browse through multiple slides (e.g. an image gallery), where user has actively selected a slide-viewing activity diff --git a/mkt/ecosystem/templates/ecosystem/design/xtag_slider.html b/mkt/ecosystem/templates/ecosystem/design/xtag_slider.html index 00186f90ad..80301b4d27 100644 --- a/mkt/ecosystem/templates/ecosystem/design/xtag_slider.html +++ b/mkt/ecosystem/templates/ecosystem/design/xtag_slider.html @@ -1,12 +1,5 @@ {% extends "ecosystem/design/xtag.html" %} -{% block description %} - A slider lets the user adjust and select a value from a predefined range - by moving a handle. Changes are immediately noticeable so that the user - can fine-tune the values accordingly (e.g. brightness). When it is easier - for the user to enter a value directly, use a text box. -{% endblock %} - {% block use_it %} When the values are relative to the user and you can provide immediate feedback on the user's action. diff --git a/mkt/ecosystem/templates/ecosystem/design/xtag_tabbox.html b/mkt/ecosystem/templates/ecosystem/design/xtag_tabbox.html index 8d9e30cdf8..cde6ce6a17 100644 --- a/mkt/ecosystem/templates/ecosystem/design/xtag_tabbox.html +++ b/mkt/ecosystem/templates/ecosystem/design/xtag_tabbox.html @@ -1,9 +1,5 @@ {% extends "ecosystem/design/xtag.html" %} -{% block description %} - Tabs are usually used in a group to switch between different display panes. -{% endblock %} - {% block use_it %} When tabs are usually used in a group to switch between different display panes. diff --git a/mkt/ecosystem/templates/ecosystem/design/xtag_toast.html b/mkt/ecosystem/templates/ecosystem/design/xtag_toast.html index 6ae84d4c31..964e470154 100644 --- a/mkt/ecosystem/templates/ecosystem/design/xtag_toast.html +++ b/mkt/ecosystem/templates/ecosystem/design/xtag_toast.html @@ -1,15 +1,5 @@ {% extends "ecosystem/design/xtag.html" %} -{% block description %} -

A toast is a small popup that either provides notification of an event - (new email) or immediate and non-intrusive feedback on the user's action - (email saved).

- -

It contains minimal text, does not require user interaction, and - automatically disappears after a few seconds. It can include text, image, - or both.

-{% endblock %} - {% block use_it %} When you want to provide information that does not require user input and when you are certain the user is focusing on the screen. diff --git a/mkt/ecosystem/templates/ecosystem/design/xtag_toggle.html b/mkt/ecosystem/templates/ecosystem/design/xtag_toggle.html index 279a043e3c..483c4ae1a4 100644 --- a/mkt/ecosystem/templates/ecosystem/design/xtag_toggle.html +++ b/mkt/ecosystem/templates/ecosystem/design/xtag_toggle.html @@ -1,10 +1,5 @@ {% extends "ecosystem/design/xtag.html" %} -{% block description %} - A toggle switch allows the user to choose between two states. Changes are - immediate and the user can switch back and forth. -{% endblock %} - {% block use_it %} When you have a binary setting. {% endblock %} diff --git a/mkt/ecosystem/templates/ecosystem/header.html b/mkt/ecosystem/templates/ecosystem/header.html index 9714ec1288..2f91780fa0 100644 --- a/mkt/ecosystem/templates/ecosystem/header.html +++ b/mkt/ecosystem/templates/ecosystem/header.html @@ -9,7 +9,7 @@ {{ _('Partners') }} {{ _('Support') }} - Submit an App + {{ _('Submit an App') }} diff --git a/mkt/ecosystem/templates/ecosystem/mdn_documentation/xtag_links.html b/mkt/ecosystem/templates/ecosystem/mdn_documentation/xtag_links.html index 6bf9aa8837..38d0a22b40 100644 --- a/mkt/ecosystem/templates/ecosystem/mdn_documentation/xtag_links.html +++ b/mkt/ecosystem/templates/ecosystem/mdn_documentation/xtag_links.html @@ -1,7 +1,7 @@