芝麻web文件管理V1.00

编辑当前文件:/home2/sdektunc/.trash/administrator/templates/atum/scss/blocks/_form.scss

// Form

.form-control {
  max-width: $input-max-width;
  background-color: $white;
  border: $input-border;
  border-radius: $border-radius;

&:focus {
    border-color: $focuscolor;
    box-shadow: $focusshadow;
  }
}

.control-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1rem;

> .form-check {
    display: inline-block;
  }

&::after {
    display: table;
    clear: both;
    content: "";
  }

.control-label {
    width: 240px;
    padding: .3rem 1rem .3rem 0;
  }

.controls {
    position: relative;
    flex: 1;
    min-width: 210px;

+ div {
      width: 100%;
      margin: 5px 0 10px;
    }
  }

.form-vertical & {
    flex-direction: column;
  }

}

.spacer {
  hr {
    width: 380px;
  }

label {
    width: 440px;
  }
}

td .form-control {
  display: inline-block;
  width: auto;
}

.checkboxes {
  padding-top: 5px;

.checkbox input {
    position: static;
    margin-left: 0;
  }
}

.form-check {
  padding-top: 5px;
  margin-bottom: 0;
}

.modal label {
  width: 100%;
}

// Validation
.invalid {
  color: var(--danger);
  border-color: var(--danger);
}

.valid {
  border-color: var(--success);
}

.form-control-feedback {
  display: block;
}

[aria-grabbed="true"] {
  box-shadow: $input-box-shadow;
}

.sortable-handler.inactive {
  opacity: .3;
}

// set up hidden tooltip
[role="tooltip"]:not(.show) {
  z-index: $zindex-tooltip;
  display: none;
  padding: .5em;
  margin: .25em;
  color: $white;
  text-align: start;
  background: $black;
  border-radius: .2rem !important;
}

// reveal associated tooltip on focus
:focus + [role="tooltip"],
:hover + [role="tooltip"] {
  position: absolute;
  display: block;
}

[id="filter[search]-desc"] {
  bottom: 100%;
}

.container-popup [id="filter[search]-desc"] {
  top: 100%;
  bottom: auto;
}

.input-group > .form-control[readonly] {
  margin-right: 1px;
}

.form-group {
  @extend .mb-3;
}