You are here

Home » API reference » Purge 8.3

dashboard.css in Purge 8.3

Styles for the purge_ui module.

File

modules/purge_ui/css/dashboard.css
View source 
  1. /**

  2.  * @file

  3.  * Styles for the purge_ui module.

  4.  */

  5. 

  6. /**

  7.  * Purge dashboard two-column layout.

  8.  */

  9. 

  10. /* Narrow screens */

  11. .layout-region {

  12.   box-sizing: border-box;

  13. }

  14. 

  15. /* Wide screens */

  16. @media screen and (min-width: 1020px), (orientation: landscape) and (min-device-height: 780px) {

  17. 

  18.   .layout-region-purgeui-main {

  19.     float: left; /* LTR */

  20.     width: 65%;

  21.     padding-right: 2em; /* LTR */

  22.     box-sizing: border-box;

  23.   }

  24. 

  25.   [dir="rtl"] .layout-region-purgeui-main {

  26.     float: right;

  27.     padding-left: 2em;

  28.     padding-right: 0;

  29.   }

  30. 

  31.   .layout-region-purgeui-secondary {

  32.     float: right; /* LTR */

  33.     width: 35%;

  34.   }

  35. 

  36.   [dir="rtl"] .layout-region-purgeui-secondary {

  37.     float: left;

  38.   }

  39. 

  40.   /* @todo File an issue to add a standard class to all text-like inputs */

  41.   /*.layout-region-purgeui-secondary .form-autocomplete,

  42.   .layout-region-purgeui-secondary .form-text,

  43.   .layout-region-purgeui-secondary .form-tel,

  44.   .layout-region-purgeui-secondary .form-email,

  45.   .layout-region-purgeui-secondary .form-url,

  46.   .layout-region-purgeui-secondary .form-search,

  47.   .layout-region-purgeui-secondary .form-number,

  48.   .layout-region-purgeui-secondary .form-color,

  49.   .layout-region-purgeui-secondary textarea {

  50.     box-sizing:         border-box;

  51.     width: 100%;

  52.     max-width: 100%;

  53.   }*/

  54. }

  55. 

  56. /**

  57.  * The vertical toolbar mode gets triggered for narrow screens, which throws off

  58.  * the intent of media queries written for the viewport width. When the vertical

  59.  * toolbar is on, we need to suppress layout for the original media width + the

  60.  * toolbar width (240px). In this case, 240px + 780px.

  61.  */

  62. @media screen and (max-width: 1020px) {

  63.   .toolbar-vertical.toolbar-tray-open .layout-region-purgeui-main,

  64.   .toolbar-vertical.toolbar-tray-open .layout-region-purgeui-footer,

  65.   .toolbar-vertical.toolbar-tray-open .layout-region-purgeui-secondary {

  66.     float: none;

  67.     width: auto;

  68.     padding-right: 0;

  69.   }

  70. }