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 @@