Commit 80048905 authored by Luciano Pacheco's avatar Luciano Pacheco Committed by Commit Bot

Files app: Style background image in CWS error dialog

The error dialog in in the CWS (Chrome Web Store) shows an icon as
background image. Currently this icon is cut off by the dialog title and
it's off center because the image has empty space at the right hand
side.

This CL positions the image in the center with margin-inline-start and
sets the height to push the dialog title below the icon.

See crbug.com/992827#c47 for screenshot with this changes.

Bug: 992827
Change-Id: I70b871cd7b3a54e5043ef624f6861c3dc5f43c63
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2246086
Auto-Submit: Luciano Pacheco <lucmult@chromium.org>
Commit-Queue: Alex Danilo <adanilo@chromium.org>
Reviewed-by: default avatarAlex Danilo <adanilo@chromium.org>
Cr-Commit-Position: refs/heads/master@{#778569}
parent 6997bb6e
...@@ -106,9 +106,14 @@ body.files-ng .cws-widget-webstore-button-label { ...@@ -106,9 +106,14 @@ body.files-ng .cws-widget-webstore-button-label {
background-image: -webkit-image-set( background-image: -webkit-image-set(
url(chrome://theme/IDR_ERROR_NETWORK_GENERIC) 1x, url(chrome://theme/IDR_ERROR_NETWORK_GENERIC) 1x,
url(chrome://theme/IDR_ERROR_NETWORK_GENERIC@2x) 2x); url(chrome://theme/IDR_ERROR_NETWORK_GENERIC@2x) 2x);
background-position: center; background-position: center top;
background-repeat: no-repeat; background-repeat: no-repeat;
height: 40px; height: 100px;
margin-inline-start: 35px;
}
:root[dir=rtl] .cws-widget-error-dialog-frame .cws-widget-error-dialog-img {
margin-inline-start: -35px;
} }
.cws-widget-error-dialog-text { .cws-widget-error-dialog-text {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment