Commit 41bb3451 authored by rbpotter's avatar rbpotter Committed by Commit Bot

Print Preview Componentization: Fix close buttons

Make the close buttons appear again in the Print Preview cr-dialogs.

Bug: 827579
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: I64999ea9e56ba34509040294dc7178c47facadd3
Reviewed-on: https://chromium-review.googlesource.com/1007626Reviewed-by: default avatarDemetrios Papadopoulos <dpapad@chromium.org>
Commit-Queue: Rebekah Potter <rbpotter@chromium.org>
Cr-Commit-Position: refs/heads/master@{#550620}
parent 8c4cc650
...@@ -13,6 +13,8 @@ ...@@ -13,6 +13,8 @@
background-color: rgba(255, 255, 255, 0.75) for the inner dialog's background-color: rgba(255, 255, 255, 0.75) for the inner dialog's
backdrop. See context at crbug.com/827397 */ backdrop. See context at crbug.com/827397 */
--cr-dialog-close-image: { --cr-dialog-close-image: {
-webkit-margin-end: 7px;
margin-top: 10px;
background-image: url(chrome://theme/IDR_CLOSE_DIALOG); background-image: url(chrome://theme/IDR_CLOSE_DIALOG);
}; };
--cr-dialog-close-image-active: { --cr-dialog-close-image-active: {
...@@ -25,7 +27,7 @@ ...@@ -25,7 +27,7 @@
box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2),
0 2px 6px rgba(0, 0, 0, 0.15); 0 2px 6px rgba(0, 0, 0, 0.15);
}; };
--cr-icon-ripple-size: 0; --cr-icon-ripple-size: 14px;
--cr-icon-size: 14px; --cr-icon-size: 14px;
--cr-dialog-body: { --cr-dialog-body: {
box-sizing: border-box; box-sizing: border-box;
...@@ -34,6 +36,9 @@ ...@@ -34,6 +36,9 @@
--cr-dialog-wrapper: { --cr-dialog-wrapper: {
max-height: calc(100vh - 40px); max-height: calc(100vh - 40px);
}; };
--cr-dialog-close-ripple: {
display: none;
};
} }
#searchBox { #searchBox {
......
...@@ -128,6 +128,10 @@ ...@@ -128,6 +128,10 @@
#closeContainer:active { #closeContainer:active {
@apply --cr-dialog-close-image-active; @apply --cr-dialog-close-image-active;
} }
#closeContainer paper-ripple {
@apply --cr-dialog-close-ripple;
}
</style> </style>
<dialog id="dialog"> <dialog id="dialog">
<!-- This wrapper is necessary, such that the "pulse" animation is not <!-- This wrapper is necessary, such that the "pulse" animation is not
......
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