Commit 23924e18 authored by Mellina Yonashiro's avatar Mellina Yonashiro
Browse files

Bug 1536043 - Box shadow around cards is cut on the sides r=jdescottes,ladybenko 

Differential Revision: https://phabricator.services.mozilla.com/D24661

--HG--
extra : moz-landing-system : lando
parent bd5eb1b3

devtools/client/aboutdebugging-new/src/base.css

+2 −1
Original line number Diff line number Diff line
@@ -78,6 +78,7 @@ 
  --monospace-font-family: monospace;



  --card-separator-color: var(--grey-20);

  --card-shadow-blur-radius: var(--base-unit);



  /*

   * Variables particular to about:debugging
@@ -396,7 +397,7 @@ Form controls 
 */

.card {

  background-color: var(--white-100); /* from common.inc.css */

  border-radius: var(--base-unit); /* from common.inc.css */

  border-radius: var(--card-shadow-blur-radius); /* from common.inc.css */

  box-shadow: 0 1px 4px var(--grey-90-a10); /* from common.inc.css */

  padding-block: calc(var(--base-unit) * 3) calc(var(--base-unit) * 2);

}

devtools/client/aboutdebugging-new/src/components/App.css

+5 −0
Original line number Diff line number Diff line
@@ -48,6 +48,11 @@ 


  /* we want to scroll only the main content, not the sidebar */

  overflow-y: auto;



  /* padding will give space for card shadow to appear and

     margin will correct the alignment */

  margin-inline: calc(var(--card-shadow-blur-radius) * -1);

  padding-inline: var(--card-shadow-blur-radius);

}



.page {

devtools/client/aboutdebugging-new/src/components/debugtarget/DebugTargetPane.css

+4 −0
Original line number Diff line number Diff line
@@ -28,6 +28,10 @@ 


.debug-target-pane__collapsable {

  overflow: hidden;

  /* padding will give space for card shadow to appear and

     margin will correct the alignment */

  margin-inline: calc(var(--card-shadow-blur-radius) * -1);

  padding-inline: var(--card-shadow-blur-radius);

}



.debug-target-pane__collapsable--collapsed {