Verified Commit d4ddbd2f authored by Théodore Biadala's avatar Théodore Biadala
Browse files

Issue #3332737 by Gauravvvv, Santosh_Verma, smustgrave: Refactor Claro's views_ui.admin stylesheet

parent fb910a68

core/themes/claro/css/components/views_ui.admin.css

+8 −13
Original line number Diff line number Diff line
@@ -12,8 +12,7 @@ 
 */



.views-admin pre {

  margin-top: 0;

  margin-bottom: 0;

  margin-block: 0;

  white-space: pre-wrap;

}
@@ -40,26 +39,22 @@ 
.views-display-columns > * {

  float: none;

  width: auto;

  margin: 0 0 var(--space-l) 0;

  margin-block: 0 var(--space-l);

  margin-inline: 0;

}



@media screen and (min-width: 60rem) { /* 960px */

  .views-display-columns > * {

    float: left; /* LTR */

    width: 32%;

    margin-bottom: 0;

    margin-left: 2%; /* LTR */

  }

  [dir="rtl"] .views-display-columns > * {

    float: right;

    margin-right: 2%;

    margin-left: 0;

    margin-block-end: 0;

    margin-inline-start: 2%;

  }

  .views-display-columns > *:first-child {

    margin-left: 0; /* LTR */

    margin-inline-start: 0;

  }

  [dir="rtl"] .views-display-columns > *:first-child {

    margin-right: 0;

  [dir="rtl"] .views-display-columns > * {

    float: right;

  }

}

core/themes/claro/css/components/views_ui.admin.pcss.css

+52 −40
Original line number Diff line number Diff line
@@ -5,21 +5,24 @@ 
 */



.views-admin pre {

  margin-top: 0;

  margin-bottom: 0;

  margin-block: 0;

  white-space: pre-wrap;

}



.views-display-deleted > details > summary,

.views-display-deleted .details-wrapper > .views-ui-display-tab-bucket > *,

.views-display-deleted .views-display-columns {

.views-display-deleted {

  & > details > summary,

  & .details-wrapper > .views-ui-display-tab-bucket > *,

  & .views-display-columns {

    opacity: 0.25;

  }

.views-display-disabled > details > summary,

.views-display-disabled .details-wrapper > .views-ui-display-tab-bucket > *,

.views-display-disabled .views-display-columns {

}

.views-display-disabled {

  & > details > summary,

  & .details-wrapper > .views-ui-display-tab-bucket > *,

  & .views-display-columns {

    opacity: 0.5;

  }

}

.views-display-tab .details-wrapper > .views-ui-display-tab-bucket .actions {

  opacity: 1;

}
@@ -30,39 +33,42 @@ 
.views-display-columns > * {

  float: none;

  width: auto;

  margin: 0 0 var(--space-l) 0;

  margin-block: 0 var(--space-l);

  margin-inline: 0;

}



@media screen and (min-width: 60rem) { /* 960px */

  .views-display-columns > * {

  .views-display-columns {

    & > * {

      float: left; /* LTR */

      width: 32%;

    margin-bottom: 0;

    margin-left: 2%; /* LTR */

      margin-block-end: 0;

      margin-inline-start: 2%;

    }

  [dir="rtl"] .views-display-columns > * {

    & > *:first-child {

      margin-inline-start: 0;

    }



    @nest [dir="rtl"] & {

      & > * {

        float: right;

    margin-right: 2%;

    margin-left: 0;

      }

  .views-display-columns > *:first-child {

    margin-left: 0; /* LTR */

    }

  [dir="rtl"] .views-display-columns > *:first-child {

    margin-right: 0;

  }

}



.views-ui-dialog .scroll {

.views-ui-dialog {

  & .scroll {

    overflow: auto;

    padding: 1em;

  }



  /* Don't let the messages overwhelm the modal */

.views-ui-dialog .views-messages {

  & .views-messages {

    overflow: auto;

    max-height: 200px;

  }

}



.form-item--options-value-all {

  display: none;
@@ -71,9 +77,15 @@ 
.js-only {

  display: none;

}

html.js .js-only {



html.js {

  & .js-only {

    display: inherit;

  }

html.js span.js-only {



  & span {

    &.js-only {

      display: inline;

    }

  }

}