debian-mirror-gitlab/app/assets/stylesheets/framework/forms.scss

132 lines
1.9 KiB
SCSS
Raw Normal View History

2015-04-26 12:48:37 +05:30
textarea {
resize: vertical;
}
2016-04-02 18:10:28 +05:30
input {
border-radius: $border-radius-base;
}
2014-09-02 18:07:02 +05:30
input[type='text'].danger {
2016-06-02 11:05:42 +05:30
background: #f2dede!important;
border-color: #d66;
2014-09-02 18:07:02 +05:30
text-shadow: 0 1px 1px #fff
}
.datetime-controls {
select {
width: 100px;
}
}
.form-actions {
2015-12-23 02:04:40 +05:30
margin-top: 0;
margin-bottom: -$gl-padding;
padding: $gl-padding;
2015-04-26 12:48:37 +05:30
background-color: $background-color;
border-top: 1px solid $border-color;
}
2014-09-02 18:07:02 +05:30
label {
&.inline-label {
margin: 0;
}
2016-06-02 11:05:42 +05:30
&.label-light {
font-weight: 600;
}
2014-09-02 18:07:02 +05:30
}
.control-label {
@extend .col-sm-2;
}
2014-09-02 18:07:02 +05:30
.inline-input-group {
width: 250px;
}
.custom-form-control {
width: 150px;
}
@media (min-width: $screen-sm-min) {
.custom-form-control {
width: 150px;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: $screen-md-min) {
.custom-form-control {
width: 170px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: $screen-lg-min) {
.custom-form-control {
width: 200px;
}
}
.fieldset-form fieldset {
margin-bottom: 20px;
}
.form-control {
@include box-shadow(none);
2016-04-02 18:10:28 +05:30
border-radius: 3px;
padding: $gl-vert-padding $gl-input-padding;
}
2016-06-02 11:05:42 +05:30
.select-wrapper {
position: relative;
.caret {
position: absolute;
right: 10px;
top: $gl-padding;
color: $gray-darkest;
pointer-events: none;
}
}
.select-control {
padding-left: 10px;
padding-right: 10px;
-webkit-appearance: none;
}
.form-control-inline {
display: inline;
2014-09-02 18:07:02 +05:30
}
2015-04-26 12:48:37 +05:30
.wiki-content {
margin-top: 35px;
}
2015-10-24 18:46:33 +05:30
.form-group .control-label {
font-weight: normal;
}
.form-control::-webkit-input-placeholder {
2016-06-02 11:05:42 +05:30
color: $gl-placeholder-color;
2015-10-24 18:46:33 +05:30
}
.input-group {
2015-12-23 02:04:40 +05:30
.select2-container {
display: table-cell;
width: 200px !important;
}
2015-10-24 18:46:33 +05:30
.input-group-addon {
background-color: #f7f8fa;
}
2015-12-23 02:04:40 +05:30
.input-group-addon:not(:first-child):not(:last-child) {
border-left: 0;
border-right: 0;
}
}
.help-block {
margin-bottom: 0;
2015-10-24 18:46:33 +05:30
}