diff --git a/securedrop/sass/modules/_center-text-align.sass b/securedrop/sass/modules/_center-text-align.sass index 2c4d4c6061..be0dfec1bf 100644 --- a/securedrop/sass/modules/_center-text-align.sass +++ b/securedrop/sass/modules/_center-text-align.sass @@ -1,5 +1,6 @@ =center-text-align .center + clear: both text-align: center .highlight diff --git a/securedrop/sass/modules/_code.sass b/securedrop/sass/modules/_code.sass index 9362c3e3f2..3111726901 100644 --- a/securedrop/sass/modules/_code.sass +++ b/securedrop/sass/modules/_code.sass @@ -1,6 +1,14 @@ =code + .code, .code-reminder + background: + image: url(/static/i/font-awesome/lock-black.png) + origin: content-box + repeat: no-repeat + size: 20px 23px + .code - background: rgba(0, 0, 0, 0.05) + background: + color: rgba(0, 0, 0, 0.05) box-sizing: border-box -moz-box-sizing: border-box padding: 10px 15px @@ -8,8 +16,6 @@ font-size: large text-align: center + .code-reminder background: - image: url(/static/i/font-awesome/lock-black.png) - origin: content-box - repeat: no-repeat - size: 20px 23px \ No newline at end of file + size: 17px 20px \ No newline at end of file diff --git a/securedrop/sass/modules/_panel.sass b/securedrop/sass/modules/_panel.sass index 33f2b096a3..37a03b97e9 100644 --- a/securedrop/sass/modules/_panel.sass +++ b/securedrop/sass/modules/_panel.sass @@ -8,6 +8,6 @@ border: 1px solid #e1e1e1 float: right - section + section, article, .section-spacing display: flow-root margin-top: 10px + 2*8px // cf. hr.no-line \ No newline at end of file diff --git a/securedrop/sass/modules/_snippet.sass b/securedrop/sass/modules/_snippet.sass index fef1e030b0..a3c9d29e18 100644 --- a/securedrop/sass/modules/_snippet.sass +++ b/securedrop/sass/modules/_snippet.sass @@ -22,6 +22,22 @@ min-width: 100% max-width: 100% + span.fh:before + content: "" + + display: block + width: 100% + height: 56px + margin: + top: 5px + bottom: 10px + + background: + image: url(/static/i/arrow-upload-large.png) + position: center + repeat: no-repeat + size: 56px 56px + .message display: inline-block vertical-align: top diff --git a/securedrop/sass/source.sass b/securedrop/sass/source.sass index 9f4528e096..6ce0f440a2 100644 --- a/securedrop/sass/source.sass +++ b/securedrop/sass/source.sass @@ -25,10 +25,11 @@ display: block #codename-hint - background: rgba(0, 0, 0, 0.05) + background: + color: rgba(0, 0, 0, 0.05) box-sizing: border-box -moz-box-sizing: border-box - margin-top: 5px + margin-top: 5px !important padding: 5px 10px text-align: center width: 80% @@ -106,12 +107,16 @@ p#codename width: 80% .hidden-prompt + display: block + border: none margin: 0 padding: 0 height: 0 overflow: hidden text-align: center visibility: hidden + width: 80% + position: static &:target margin: auto @@ -161,11 +166,31 @@ p#codename padding: 5px background-color: inherit color: $color_urgent_coral - font-size: 14px + font-size: 0 clear: right text-decoration: none border: 0 + span + font-size: 0 + + &:after + content: "" + display: inline-block + background: + image: url(/static/i/trash-x-out.png) + position: center + repeat: no-repeat + size: contain + opacity: 0.9 + height: 16px + width: 20px + + &:hover, &:active + &:after + background: + image: url(/static/i/trash-x-solid.png) + &:hover color: #FA6E6E @@ -177,6 +202,7 @@ p#codename font-size: 14px background: white border: 1px solid $color_grey_dark + padding: 0 p * @@ -191,12 +217,17 @@ p#codename margin: 0 2% padding: 5px 15px -h4#no-replies - text-align: center - color: $color_grey_medium - background: $color_grey_xlight - padding: 40px - margin: 0.5em 0 + output#no-replies + display: block + font-weight: bold + text-align: center + color: $color_grey_medium + background: $color_grey_xlight + padding: 40px + margin: 0.5em 0 + + &:before, &:after + content: " — " p.explanation text-align: left @@ -261,8 +292,20 @@ p#max-file-size height: 20px width: 20px +#cancel + &:before + content: "" + display: inline-block + background: + image: url(/static/i/x_icon-button_blue.png) + origin: content-box + position: center + repeat: no-repeat + size: contain + width: 9px + height: 11px + &:hover, &:active - span - &:active - background: - image: url(/static/i/font-awesome/refresh-white.png) \ No newline at end of file + &:before + background: + image: url(/static/i/x_icon-grimace_blue.png) \ No newline at end of file diff --git a/securedrop/source_templates/base.html b/securedrop/source_templates/base.html index ef48f4798d..f309e4514d 100644 --- a/securedrop/source_templates/base.html +++ b/securedrop/source_templates/base.html @@ -41,12 +41,6 @@

{{ gettext("We're sorry, our SecureDrop is currently offline.") }}

{% endif %} - {# FIXME: - {% if not new_user%} -
- {% endif %} - #} - {% endif %} {% block body %}{% endblock %} diff --git a/securedrop/source_templates/lookup.html b/securedrop/source_templates/lookup.html index c878c4fde1..3416acf176 100644 --- a/securedrop/source_templates/lookup.html +++ b/securedrop/source_templates/lookup.html @@ -1,13 +1,9 @@ {% extends "base.html" %} -{% block header %} -{{ super() }} +{% block body %} {% if new_user %}
- {# FIXME: - - #} {# ARIA-HIDDEN violates axe rule aria-hidden-focus, because we (a) want to hide the superfluous "show"/"hide" links from screen-readers, (b) do not @@ -21,17 +17,8 @@
-{# FIXME: -
-#} -{% else %} -{# FIXME: -
-#} {% endif %} -{% endblock %} -{% block body %}
{% include 'flashed.html' %}
@@ -52,19 +39,12 @@

{{ gettext('Submit Messages') }}

{% endif %} {{ gettext('Learn more.').format(url=url_for('info.why_download_public_key')) }}

-{# FIXME: -
-#} - -
+
{% if allow_document_uploads %}
- {# FIXME: - - #} - {{ form.fh(**{"aria-describedby": "max-file-size"}) }} + {{ form.fh(**{"aria-describedby": "max-file-size"}) }}

{{ gettext('Maximum upload size: 500 MB') }}

{% endif %} @@ -73,10 +53,7 @@

{{ gettext('Submit Messages') }}

- {# FIXME: -
- #} -
+
@@ -84,20 +61,12 @@

{{ gettext('Submit Messages') }}

- {# FIXME: - - - #} {{ gettext('CANCEL') }}
-{# FIXME: -
-#} -

{{ gettext('Read Replies') }}

@@ -106,9 +75,6 @@

{{ gettext('Read Replies') }}

{{ gettext("You have received a reply. To protect your identity in the unlikely event someone learns your codename, please delete all replies when you're done with them. This also lets us know that you are aware of our reply. You can respond by submitting new files and messages above.") }} - {# FIXME: -
- #} {% for reply in replies %} {% endfor %}
@@ -146,7 +105,7 @@

{{ gettext('Are you finished with the replie {% else %} - {{ gettext('— No Messages —') }} + {{ gettext('No Messages') }} {% endif %}