blueprints/common/eliot-ui/frontend-src/src/app/history/history.component.scss

   1 .history-main {
   2     // padding: 30px;
   3     margin: 0 auto;
   4     // justify-content: center;
   5     // align-items: center;
   6
   7     .description-header {
   8         display: flex;
   9         justify-content:center;
  10         padding: 20px;
  11     }
  12     .status-radio-grp {
  13         padding-left: 20px;
  14     }
  15
  16     .current-status {
  17         padding-left: 20px;
  18         padding-top: 20px;
  19         .current-status-deploy {
  20             padding-bottom:20px;
  21             .current-status-heading {
  22                 display: flex;
  23                 justify-content:center;
  24                 padding: 20px;
  25             }
  26             .current-history-table {
  27                 background: linear-gradient(to right, #ffafbd, #bbdfe6);
  28                 table{
  29                     width:100%;
  30                     padding:20px;
  31                     background: linear-gradient(to right, #ffafbd, #bbdfe6);
  32                 }
  33                 mat-paginator {
  34                     background: linear-gradient(to right, #ffafbd, #bbdfe6);
  35                 }
  36             }
  37         }
  38     }
  39     .past-status-heading {
  40         display: flex;
  41         justify-content:center;
  42         padding: 20px;
  43     }
  44
  45     .accordian {
  46         width: 90%;
  47         margin: 0 auto;
  48         padding-bottom:10px;
  49         .past-status-panel {
  50             padding-bottom:07px;
  51             mat-expansion-panel {
  52                 background: linear-gradient(to right, rgb(145, 224, 241), rgb(206, 255, 174));
  53             }
  54             .download-yaml-section {
  55                 padding-bottom: 13px;
  56             }
  57         }
  58         .historytable {
  59             table {
  60                 width: 100%;
  61                 padding-top: 10px;
  62                 background: linear-gradient(to right, rgb(145, 224, 241), rgb(206, 255, 174));
  63             }
  64             mat-paginator {
  65                 background: linear-gradient(to right, rgb(145, 224, 241), rgb(206, 255, 174));
  66             }
  67         }
  68     }
  69
  70     .status-radio-group {
  71         display: flex;
  72         flex-direction: column;
  73         margin: 15px 0;
  74     }
  75
  76     .status-radio-button {
  77        margin: 5px;
  78     }
  79
  80
  81 }