department-of-veterans-affairs/vets-website

View on GitHub
src/applications/virtual-agent/sass/virtual-agent.scss

Summary

Maintainability
Test Coverage
@import "~@department-of-veterans-affairs/formation/sass/shared-variables";

#btnAcceptDisclaimer {
  @include media($medium-screen) {
    margin-left: 23px;
  }
}

.merger {
  article {
      &.webchat__basic-transcript__activity:last-of-type {
        padding-bottom: 0;
    }
  }
}
.webchat__suggested-actions__item-box {
  padding: 0 !important;
  margin: 5px !important;
}

.webchat__suggested-actions__button {
  width: 83% !important;
  margin: 0 0 0 2.9em !important;
}

.webchat__send-box-text-box {
  margin: 0;
}

.webchat__suggested-actions__stack {
  margin-bottom: 1em !important;
  overflow-y: hidden !important;
  .webchat__suggested-action__text {
    line-height: 2em !important;
  }
}

button.webchat__suggested-actions__button:hover {
  background: rgb(0, 62, 115) !important;
}

button.webchat__suggested-actions__button:active {
  background: rgb(17, 46, 81) !important;
}

.jumplink {
    color: rgb(0, 62, 115);
    margin: 20px 0px;
    text-decoration: underline;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    //transition-property: color, background-color, border-color;
}

.fixed-header-chatbot {
  // font-size: 50px;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 400px;
  margin: 1%;
  // background-color: green;
  // border: 2px solid #4caf50;
  z-index: 1;
}

.chatbot-icon {
  position: fixed;
  width: 140px;
  bottom: 0;
  right: 0;
  margin: 1%;
  padding-bottom: 20px;
  // background-color: #4caf50;
  // border: 2px solid #4caf50;
  // border-radius: 50%;
  z-index: 1;
}

.hide {
  display: none;
}

.unhide {
  display: block;
}

.close-chatbot-button {
  width: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  margin: 3px;
  background-color: rgb(255, 255, 255);
}

#corner-bot {
  z-index: 999;
}
.webchat__microphone-button.webchat__microphone-button--dictating .webchat__microphone-button__button:hover .webchat__microphone-button__icon{
  fill: rgb(118, 118, 118) !important;
}
.webchat__microphone-button--dictating {
  .webchat__icon-button:not(:disabled):not([aria-disabled="true"]):not(:active):hover .webchat__icon-button__shade {
    background:
    linear-gradient(to top left,
      rgba(227, 28, 61, 0) 0%,
      rgba(227, 28, 61, 0) calc(50% - 2px),
      rgba(227, 28, 61, 1) 50%,
      rgba(227, 28, 61, 0) calc(50% + 2px),
      rgba(227, 28, 61, 0) 100%),
  }
  button {
    background: rgb(227, 28, 61) !important;
    &:not([disabled]):focus {
      outline: 2px solid rgb(227, 28, 61) !important;
      outline-offset: 2px;
      height: 31.4px;

    }
  }
}

.ac-textBlock {
  color: rgb(0, 0, 0) !important;
}

div.ac-container[style*="rgb(255, 226, 178)"]{
  background-color: rgb(250, 243, 209) !important
}