www.aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/diff/css/diff.general.css

   1 /**
   2  * @file
   3  * General stylesheet for the diff module.
   4  */
   5 .diff-button {
   6   margin-bottom: 20px;
   7 }
   8
   9 .diff-responsive-table-wrapper {
  10   min-height: 0%;
  11   overflow-x: auto;
  12 }
  13 .diff-responsive-table {
  14   max-width: 100%;
  15 }
  16
  17 #diffadminplugins .messages {
  18   margin-bottom: 0.5em;
  19 }
  20
  21 .diff-navigation {
  22   display: flex;
  23   justify-content: space-between;
  24 }
  25 .diff-navigation label {
  26   display: none;
  27 }
  28 @media screen and (min-width: 920px) {
  29   .diff-navigation label {
  30     display: block;
  31   }
  32 }
  33
  34 .diff-controls {
  35   display: flex;
  36   margin-bottom: 1em;
  37   width: 100%;
  38 }
  39 .diff-controls__item {
  40   padding-right: 1em;
  41 }
  42
  43 .diff-revision__items-group:first-child {
  44   margin-bottom: 0.5em;
  45 }
  46 .diff-revision__item-date {
  47   float: left;
  48   padding-right: 1em;
  49 }
  50 @media screen and (min-width: 560px) {
  51   .diff-revision__items {
  52     display: table;
  53     margin-left: -1em;
  54     margin-right: -1em;
  55   }
  56   .diff-revision__items-group {
  57     display: table-row;
  58   }
  59   .diff-revision__item {
  60     display: table-cell;
  61     padding-left: 1em;
  62     padding-right: 1em;
  63   }
  64   .diff-revision__item-date {
  65     float: none;
  66     white-space: nowrap;
  67   }
  68   .diff-revision__item-author {
  69     white-space: nowrap;
  70   }
  71 }
  72
  73 @media screen and (min-width: 920px) {
  74   .diff-header {
  75     display: flex;
  76   }
  77
  78   .diff-navigation {
  79     flex-direction: column;
  80     justify-content: flex-start;
  81     width: 25%;
  82   }
  83   .diff-navigation__link.prev-link {
  84     order: 1;
  85   }
  86
  87   .diff-revision {
  88     width: 75%;
  89   }
  90 }