JordanHatch/maslow-redux

View on GitHub
app/assets/stylesheets/needs/form.scss

Summary

Maintainability
Test Coverage
.new-need {
  padding: 25px;

  header {
    @include header-panel-with-negative-margin;
  }
}

/* ==========================================================================
   Chosen multi-select overrides to conform with Bootstrap 3
   ========================================================================== */

.chosen-container-multi .chosen-choices {
  border-color: $input-border;
  border-radius: $border-radius-base;
  padding-top: 3px;
  padding-bottom: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background: none;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  height: auto;
}

/* ==========================================================================
   Need form
   ========================================================================== */

form.need {
  /* Avoid using "display: none" so that form still submits with this input */
  input[type="submit"].hide {
    visibility: hidden;
    display: inline;
    position: absolute;
  }

  .help-block {
    @extend .text-muted;
  }

  .form-group {
    margin-bottom: 30px;
  }

  .add-criteria {
    margin-top: 3px;
  }
}

/* ==========================================================================
   Need filter and search form
   ========================================================================== */

.form-filter-needs,
.form-search-needs {
  text-align: right;
}

.form-filter-needs .organisation-select,
.form-search-needs .search-term {
  width: 370px;
}

.form-filter-needs .chosen-container {
  text-align: left;
}

/* ==========================================================================
   Miscellaneous forms
   ========================================================================== */

span.all-organisations {
  font-style: italic;
}

form.button_to {
  display: inline;

  > div {
    display: inline;
  }
}

.reopen {
  float: right;
}

.hint-text {
  color: #aaa;
  margin-bottom: 40px;
}

.navbar-fixed-bottom {
  text-align: center;
}

.optional {
  font-weight: normal;
}

.need-proposition-selection {
  label.choice {
    padding-left: 25px;
  }
  input[type=checkbox] {
    margin-left: -25px;
  }
  h3 {
    margin: 2px 0 3px;
    font-size: 16px;
    font-weight: bold;
  }
}