shipit-engine 0.44.2 → 0.45.0

data/app/assets/stylesheets/_pages/_commits.scss

@@ -1,354 +0,0 @@
-// =============================================================================
-// COMMIT LIST
-// =============================================================================
-
-.commit-list, .task-list, .pr-list {
-  list-style-type: none;
-  margin: 0; padding: 0;
-}
-
-.commit-list-actions {
-  float: right;
-}
-
-.commit, .task, .pr {
-  padding: .75rem 0;
-  display: flex;
-  flex-direction: column;
-
-  @include media(desktop) {
-    flex-direction: row;
-    align-items: center;
-  }
-
-  & + & {
-    border-top: 1px solid #e5e5e5;
-  }
-}
-
-
-// COMMIT AUTHOR
-// -----------------------------------------------------------------------------
-
-.commit-author {
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  width: 10em;
-
-  @include media(tablet-down) {
-    margin-bottom: 1rem;
-  }
-
-  @include media(desktop) {
-    margin-right: 1rem;
-  }
-}
-
-.commit-author__avatar {
-  width: 40px;
-  height: 40px;
-  border-radius: $border-radius;
-  margin-right: 0.5rem;
-}
-
-.commit-author__name {
-  font-size: 0.8em;
-}
-
-.commit-author__name__real-name {
-  font-weight: 500;
-  color: #555;
-  display: block;
-}
-
-.commit-author__name__username {
-  color: $grey;
-}
-
-
-// COMMIT DETAILS
-// -----------------------------------------------------------------------------
-
-.commit-details, .pr-details {
-  flex-grow: 1;
-
-  @include media(tablet-down) {
-    margin-bottom: 1rem;
-    order: -1;
-  }
-
-  @include truncate;
-}
-
-.commit-title {
-  font-size: 1em;
-  display: block;
-
-  @include media(desktop) {
-    @include truncate;
-  }
-}
-
-.commit-title, .pr-title {
-  a {
-    color: #333;
-  }
-}
-
-.pr-details .pr-number .number {
-  color: $blue;
-}
-
-.commit-lock {
-  display: inline-block;
-  .icon {
-    background-color: #ddd;
-  }
-
-  &:hover .icon {
-    background-color: darken(#ddd, 20%);
-  }
-
-  .action-unlock-commit {
-    display: none;
-  }
-}
-
-.commit.locked .commit-lock {
-  .icon {
-    background-color: $bright-red;
-  }
-
-  &:hover .icon {
-    background-color: darken($bright-red, 20%);
-  }
-
-  .action-lock-commit {
-    display: none;
-  }
-
-  .action-unlock-commit {
-    display: inline-block;
-  }
-}
-
-.commit-meta, .pr-meta {
-  font-size: 0.8em;
-  color: $grey;
-  margin: 0;
-
-  .warning {
-    color: $orange;
-  }
-}
-
-.utc-timecode {
-  color: #bbb;
-}
-
-.code-additions {
-  color: $green;
-}
-
-.code-deletions {
-  color: $red;
-}
-
-
-// COMMIT ACTIONS
-// -----------------------------------------------------------------------------
-
-.commit-actions {
-  flex-shrink: 0;
-
-  @include media(desktop) {
-    margin-left: 1rem;
-    min-width: 12rem;
-
-    .btn {
-      float: right;
-    }
-  }
-}
-
-
-// STATUS
-// -----------------------------------------------------------------------------
-
-.status-group {
-  position: relative; // Required to position the status-items div correctly
-  .status-item.ignored {
-    opacity: .5;
-  }
-}
-
-.status {
-  flex-shrink: 0;
-
-  @include media(tablet-down) {
-    margin-bottom: 1rem;
-    order: -2;
-  }
-
-  @include media(desktop) {
-    margin-right: 0.75rem;
-  }
-}
-
-.status {
-  display: inline-block;
-  border: 2px solid #ccc;
-  border-radius: 50%;
-  width: 2.25rem;
-  height: 2.25rem;
-
-  .status__icon {
-    display: block;
-    width: 100%;
-    height: 100%;
-    background: asset-data-url("unknown.svg") center center no-repeat;
-  }
-}
-
-.status--pending,
-[data-deploy-status='pending'] {
-  .status__icon {
-    background-image: asset-data-url("pending.gif");
-    background-size: 21px 5px;
-  }
-}
-
-.status--running,
-[data-deploy-status='running'] {
-  border-color: $blue;
-
-  .status__icon {
-    background-image: asset-data-url("deploying.svg");
-    animation: rotate 2s linear infinite;
-  }
-}
-
-
-.status--aborting,
-[data-deploy-status='aborting'] {
-  border-color: $orange;
-
-  .status__icon {
-    background-image: asset-data-url("aborting.svg");
-    animation: rotate 2s linear infinite;
-  }
-}
-
-.status--aborted,
-[data-deploy-status='aborted'] {
-  border-color: $orange;
-
-  .status__icon {
-    background-image: asset-data-url("aborted.svg");
-  }
-}
-
-.status--flapping,
-[data-deploy-status='flapping'] {
-  border-color: $orange;
-
-  .status__icon {
-    background-image: asset-data-url("flapping.svg");
-  }
-}
-
-.status--validating,
-[data-deploy-status='validating'] {
-  border-color: $green;
-
-  .status__icon {
-    background-image: asset-data-url("validating.svg");
-  }
-}
-
-.status--faulty,
-[data-deploy-status='faulty'] {
-  border-color: $yellow;
-
-  .status__icon {
-    background-image: asset-data-url("faulty.svg");
-  }
-}
-
-.status--success,
-[data-deploy-status='success'] {
-  border-color: $green;
-
-  .status__icon {
-    background-image: asset-data-url("success.svg");
-  }
-}
-
-.status--failure,
-.status--failed,
-[data-deploy-status='failure'],
-[data-deploy-status='failed'] {
-  border-color: $bright-red;
-
-  .status__icon {
-    background-image: asset-data-url("failure.svg");
-  }
-}
-
-.status--error,
-[data-deploy-status='error'] {
-  border-color: #333;
-
-  .status__icon {
-    background-image: asset-data-url("error.svg");
-  }
-}
-
-.status--timedout,
-[data-deploy-status='timedout'] {
-  border-color: #333;
-
-  .status__icon {
-    background-image: asset-data-url("timedout.svg");
-    background-position: top 35% left 50%;
-    background-size: 55%;
-  }
-}
-
-
-// =============================================================================
-// COMMIT SUMMARY
-// =============================================================================
-
-.commit-summary-list {
-  list-style-type: none;
-  margin: 1.5rem 0 0;
-  padding: 0;
-}
-
-.commit-summary {
-  display: flex;
-  margin-bottom: .5em;
-}
-
-.commit-summary__avatar {
-  margin-right: .5rem;
-}
-
-.commit-summary__avatar img {
-  border-radius: 4px;
-}
-
-.commit-summary__title {
-  flex-grow: 1;
-}
-
-.commit-summary__title a {
-  color: #555;
-}
-
-.commit-summary__sha {
-  font-size: 0.875rem;
-  color: $grey;
-}

data/app/assets/stylesheets/_pages/_deploy.scss

@@ -1,282 +0,0 @@
-.deploy-checklist {
-  list-style-type: none;
-  padding: 0;
-  margin-top: 1.5rem;
-}
-
-.deploy-checklist__item {
-  margin-bottom: 1rem;
-  display: flex;
-}
-
-.variables-header {
-  margin: 1rem 0;
-  padding-top: 1rem;
-}
-
-.variables-fields {
-  input, select {
-    display: inline-block;
-    width: inherit;
-    margin-right: 1rem;
-  }
-}
-
-.deploy-checklist__item__label {
-
-}
-
-.deploy-checklist__item__checkbox {
-  margin-right: 1rem;
-  flex-shrink: 0;
-}
-
-.action-button {
-  margin: 0 0.5rem;
-
-  display: none;
-  &[data-status="running"],
-  &[data-status="aborting"],
-  &[data-status="pending"] {
-    display: inline-block;
-  }
-
-  .caption--pending {
-    display: none;
-  }
-
-  &.pending {
-    .deploy-action {
-      cursor: default;
-    }
-    .caption--ready {
-      display: none;
-    }
-    .caption--pending {
-      display: inline;
-    }
-  }
-}
-
-.task-output-container.task-output-container-main-page {
-  height: calc(100vh - 9rem - 4rem - 1px); // .header and .deploy-banner. -1px is to floor the result
-}
-
-.output-line {
-  height: 1.5rem;
-}
-
-.deploy-banner {
-  min-height: 4rem;
-  height: auto;
-  background-color: #f0f4f7;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  flex-wrap: wrap;
-  overflow-x: hidden;
-
-  .deploy-banner-section {
-    display: inline-block;
-    padding: .75rem 1.5rem;
-  }
-
-  .stack-link {
-    display: none;
-  }
-
-  .action-buttons {
-    flex: none;
-  }
-
-  .deploy-banner-status {
-    height: 2px;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-  }
-
-  &[data-status="failure"],
-  &[data-status="error"],
-  &[data-status="timedout"] {
-    .deploy-banner-status {
-      background-color: $bright-red;
-      width: 100%;
-    }
-  }
-
-  &[data-status="aborted"],
-  &[data-status="flapping"] {
-    .deploy-banner-status {
-      background-color: $orange;
-      width: 100%;
-    }
-  }
-
-  &[data-status="success"] .deploy-banner-status {
-    background-color: $green;
-    width: 100%;
-  }
-
-  &[data-status="pending"] .deploy-banner-status,
-  &[data-status="running"] .deploy-banner-status {
-    background-color: $blue;
-    width: 0%;
-    z-index: 9999;
-    -webkit-animation: loading-slide 1.2s linear infinite;
-  }
-
-  &[data-status="aborting"] .deploy-banner-status {
-    background-color: $orange;
-    width: 0%;
-    z-index: 9999;
-    -webkit-animation: loading-slide 1.2s linear infinite;
-  }
-
-  .deploy-status {
-    color: #8f9498;
-  }
-  .short-sha {
-    background: #e6eaed;
-    font-family: Menlo, monospace;
-    color: #9cacbb;
-    border-radius: 4px;
-    font-size: .875rem;
-    padding: .25em .45em;
-  }
-
-  .short-sha-no-bg {
-    font-family: Menlo, monospace;
-    border-radius: 4px;
-    font-size: .875rem;
-  }
-}
-
-.search-bar {
-  background-color: #f0f4f7;
-  border: 1px solid #f0f4f7;
-  position: absolute;
-  right: 0px;
-  padding: .125rem;
-  border-bottom-left-radius: .25rem;
-
-  input[type="search"] {
-    width: 300px;
-  }
-}
-
-@include keyframes(loading-slide) {
-  0% { width: 0%; left: 0%; }
-  30% {  left: 0%; }
-  100% { width: 50%; left: 100%; }
-}
-
-.code-preview {
-  margin: 1.5rem 0;
-}
-
-.sidebar.enabled + .deploy-main {
-  margin-left: 300px;
-}
-
-.sidebar {
-  background-color: $slate;
-  color: white;
-  overflow: hidden;
-  height: calc(100vh - 9rem - 1px); // .header. -1px is to floor the result
-  position: absolute;
-  width: 0px;
-  &.enabled {
-    width: 300px;
-  }
-}
-
-.sidebar-plugins {
-  height: 100%;
-  width: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.commit-checks {
-  border: .25rem solid $terminal-black;
-  &[data-status="success"] {
-    border-color: $green;
-  }
-
-  &[data-status="failed"],
-  &[data-status="failure"],
-  &[data-status="error"],
-  &[data-status="timedout"] {
-    border-color: $bright-red;
-  }
-
-  &[data-status="pending"],
-  &[data-status="running"] {
-    border-color: $dark-yellow;
-  }
-}
-
-.monitoring-panel {
-  display: inline-block;
-  iframe {
-    border: none;
-  }
-}
-
-.ignored-safeties {
-  color: $orange;
-}
-
-.deploy-actions {
-  flex-shrink: 0;
-
-  @include media(desktop) {
-    margin-left: 1rem;
-    min-width: 12rem;
-
-    .btn {
-      float: right;
-    }
-  }
-}
-
-.release-validation {
-  display: inline-block;
-  .icon {
-    background-color: #ddd;
-  }
-
-  &:hover .icon {
-    background-color: darken(#ddd, 20%);
-  }
-}
-
-.deploy[data-release-status="success"] .release-validation .action-validate-release,
-.deploy[data-release-status="failure"] .release-validation .action-reject-release {
-  &:before, &:after {
-    display: none; // Hide tooltips
-  }
-  .icon {
-    background-color: #ddd;
-  }
-}
-
-.deploy .commit-lock {
-  .icon {
-    background-color: $bright-red;
-  }
-
-  &:hover .icon {
-    background-color: darken($bright-red, 20%);
-  }
-
-  .action-lock-commit {
-    display: none;
-  }
-
-  .action-unlock-commit {
-    display: inline-block;
-  }
-}