diff --git a/securedrop/sass/modules/_center-text-align.sass b/securedrop/sass/modules/_center-text-align.sass index 2c4d4c6061b..be0dfec1bf9 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 9362c3e3f27..3111726901f 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 33f2b096a30..37a03b97e96 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 fef1e030b08..a3c9d29e18d 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 9f4528e0966..6ce0f440a25 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 ef48f4798d8..f309e4514d2 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 c878c4fde1b..28e5764a086 100644 --- a/securedrop/source_templates/lookup.html +++ b/securedrop/source_templates/lookup.html @@ -1,13 +1,8 @@ {% extends "base.html" %} -{% block header %} -{{ super() }} -{% if new_user %} +{% block body %}
- {# 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 +16,7 @@
-{# FIXME: -
-#} -{% else %} -{# FIXME: -
-#} -{% endif %} -{% endblock %} -{% block body %}
{% include 'flashed.html' %}
@@ -52,19 +37,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 +51,7 @@

{{ gettext('Submit Messages') }}

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

{{ gettext('Submit Messages') }}

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

{{ gettext('Read Replies') }}

@@ -106,9 +73,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 +103,7 @@

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