mirror of
https://github.com/bckelley/blueberry-pma-theme.git
synced 2026-08-24 03:04:11 -05:00
402 lines
13 KiB
SCSS
402 lines
13 KiB
SCSS
select#fieldsSelect,
|
|
textarea#sqlquery {
|
|
height: 20rem;
|
|
}
|
|
|
|
#table_columns input {
|
|
|
|
&[type=text],
|
|
&[type=password],
|
|
&[type=number] {
|
|
display: block;
|
|
width: 10em;
|
|
padding: $input-padding-y-sm $input-padding-x-sm;
|
|
font-family: $input-font-family;
|
|
@include font-size($input-font-size-sm);
|
|
font-weight: $input-font-weight;
|
|
line-height: $input-line-height;
|
|
color: $input-color;
|
|
background-color: $input-bg;
|
|
background-clip: padding-box;
|
|
border: $input-border-width solid $input-border-color;
|
|
appearance: none; // Fix appearance for date inputs in Safari
|
|
|
|
// Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
|
|
@include border-radius($input-border-radius-sm);
|
|
|
|
@include box-shadow($input-box-shadow);
|
|
@include transition($input-transition);
|
|
|
|
// Customize the `:focus` state to imitate native WebKit styles.
|
|
&:focus {
|
|
color: $input-focus-color;
|
|
background-color: $input-focus-bg;
|
|
border-color: $input-focus-border-color;
|
|
outline: 0;
|
|
|
|
@if $enable-shadows {
|
|
@include box-shadow($input-box-shadow, $input-focus-box-shadow);
|
|
}
|
|
|
|
@else {
|
|
// Avoid using mixin so we can pass custom focus shadow properly
|
|
box-shadow: $input-focus-box-shadow;
|
|
}
|
|
}
|
|
|
|
// Placeholder
|
|
&::placeholder {
|
|
color: $input-placeholder-color;
|
|
// Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
|
|
opacity: 1;
|
|
}
|
|
|
|
// Disabled inputs
|
|
//
|
|
// HTML5 says that controls under a fieldset > legend:first-child won't be
|
|
// disabled if the fieldset is disabled. Due to implementation difficulty, we
|
|
// don't honor that edge case; we style them as disabled anyway.
|
|
&:disabled {
|
|
color: $input-disabled-color;
|
|
background-color: $input-disabled-bg;
|
|
border-color: $input-disabled-border-color;
|
|
// iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
|
|
opacity: 1;
|
|
}
|
|
|
|
// File input buttons theming
|
|
&::file-selector-button {
|
|
padding: $input-padding-y $input-padding-x;
|
|
margin: (-$input-padding-y) (-$input-padding-x);
|
|
margin-inline-end: $input-padding-x;
|
|
color: $form-file-button-color;
|
|
@include gradient-bg($form-file-button-bg);
|
|
pointer-events: none;
|
|
border-color: inherit;
|
|
border-style: solid;
|
|
border-width: 0;
|
|
border-inline-end-width: $input-border-width;
|
|
border-radius: 0; // stylelint-disable-line property-disallowed-list
|
|
@include transition($btn-transition);
|
|
}
|
|
|
|
&:hover:not(:disabled):not([readonly])::file-selector-button {
|
|
background-color: $form-file-button-hover-bg;
|
|
}
|
|
}
|
|
}
|
|
|
|
#table_columns select {
|
|
width: 10em;
|
|
display: block;
|
|
padding-top: $form-select-padding-y-sm;
|
|
padding-bottom: $form-select-padding-y-sm;
|
|
padding-left: $form-select-padding-x-sm;
|
|
-moz-padding-start: subtract($form-select-padding-x, 3px); // See https://github.com/twbs/bootstrap/issues/32636
|
|
font-family: $form-select-font-family;
|
|
@include font-size($form-select-font-size-sm);
|
|
font-weight: $form-select-font-weight;
|
|
line-height: $form-select-line-height;
|
|
color: $form-select-color;
|
|
background-color: $form-select-bg;
|
|
background-image: escape-svg($form-select-indicator);
|
|
background-repeat: no-repeat;
|
|
background-position: $form-select-bg-position;
|
|
background-size: $form-select-bg-size;
|
|
border: $form-select-border-width solid $form-select-border-color;
|
|
@include border-radius($form-select-border-radius-sm);
|
|
@include box-shadow($form-select-box-shadow);
|
|
@include transition($form-select-transition);
|
|
appearance: none;
|
|
|
|
&:focus {
|
|
border-color: $form-select-focus-border-color;
|
|
outline: 0;
|
|
|
|
@if $enable-shadows {
|
|
@include box-shadow($form-select-box-shadow, $form-select-focus-box-shadow);
|
|
}
|
|
|
|
@else {
|
|
// Avoid using mixin so we can pass custom focus shadow properly
|
|
box-shadow: $form-select-focus-box-shadow;
|
|
}
|
|
}
|
|
|
|
&[multiple],
|
|
&[size]:not([size="1"]) {
|
|
padding-right: $form-select-padding-x;
|
|
background-image: none;
|
|
}
|
|
|
|
&:disabled {
|
|
color: $form-select-disabled-color;
|
|
background-color: $form-select-disabled-bg;
|
|
border-color: $form-select-disabled-border-color;
|
|
}
|
|
|
|
// Remove outline from select box in FF
|
|
&:-moz-focusring {
|
|
color: transparent;
|
|
text-shadow: 0 0 0 $form-select-color;
|
|
}
|
|
}
|
|
|
|
#table_columns textarea {
|
|
display: block;
|
|
width: 10em;
|
|
padding: $input-padding-y-sm $input-padding-x-sm;
|
|
font-family: $input-font-family;
|
|
@include font-size($input-font-size-sm);
|
|
font-weight: $input-font-weight;
|
|
line-height: $input-line-height;
|
|
color: $input-color;
|
|
background-color: $input-bg;
|
|
background-clip: padding-box;
|
|
border: $input-border-width solid $input-border-color;
|
|
appearance: none; // Fix appearance for date inputs in Safari
|
|
|
|
// Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
|
|
@include border-radius($input-border-radius-sm);
|
|
|
|
@include box-shadow($input-box-shadow);
|
|
@include transition($input-transition);
|
|
|
|
// Customize the `:focus` state to imitate native WebKit styles.
|
|
&:focus {
|
|
color: $input-focus-color;
|
|
background-color: $input-focus-bg;
|
|
border-color: $input-focus-border-color;
|
|
outline: 0;
|
|
|
|
@if $enable-shadows {
|
|
@include box-shadow($input-box-shadow, $input-focus-box-shadow);
|
|
}
|
|
|
|
@else {
|
|
// Avoid using mixin so we can pass custom focus shadow properly
|
|
box-shadow: $input-focus-box-shadow;
|
|
}
|
|
}
|
|
|
|
// Placeholder
|
|
&::placeholder {
|
|
color: $input-placeholder-color;
|
|
// Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
|
|
opacity: 1;
|
|
}
|
|
|
|
// Disabled inputs
|
|
//
|
|
// HTML5 says that controls under a fieldset > legend:first-child won't be
|
|
// disabled if the fieldset is disabled. Due to implementation difficulty, we
|
|
// don't honor that edge case; we style them as disabled anyway.
|
|
&:disabled {
|
|
color: $input-disabled-color;
|
|
background-color: $input-disabled-bg;
|
|
border-color: $input-disabled-border-color;
|
|
// iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
|
|
opacity: 1;
|
|
}
|
|
|
|
// File input buttons theming
|
|
&::file-selector-button {
|
|
padding: $input-padding-y $input-padding-x;
|
|
margin: (-$input-padding-y) (-$input-padding-x);
|
|
margin-inline-end: $input-padding-x;
|
|
color: $form-file-button-color;
|
|
@include gradient-bg($form-file-button-bg);
|
|
pointer-events: none;
|
|
border-color: inherit;
|
|
border-style: solid;
|
|
border-width: 0;
|
|
border-inline-end-width: $input-border-width;
|
|
border-radius: 0; // stylelint-disable-line property-disallowed-list
|
|
@include transition($btn-transition);
|
|
}
|
|
|
|
&:hover:not(:disabled):not([readonly])::file-selector-button {
|
|
background-color: $form-file-button-hover-bg;
|
|
}
|
|
}
|
|
|
|
.textfield,
|
|
.charField,
|
|
#table_name_col_no #added_fields,
|
|
#fieldset_add_user_login select {
|
|
padding: $input-padding-y $input-padding-x;
|
|
font-family: $input-font-family;
|
|
@include font-size($input-font-size);
|
|
font-weight: $input-font-weight;
|
|
line-height: $input-line-height;
|
|
color: $input-color;
|
|
background-color: $input-bg;
|
|
background-clip: padding-box;
|
|
border: $input-border-width solid $input-border-color;
|
|
appearance: none; // Fix appearance for date inputs in Safari
|
|
|
|
// Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
|
|
@include border-radius($input-border-radius, 0);
|
|
|
|
@include box-shadow($input-box-shadow);
|
|
@include transition($input-transition);
|
|
|
|
// Customize the `:focus` state to imitate native WebKit styles.
|
|
&:focus {
|
|
color: $input-focus-color;
|
|
background-color: $input-focus-bg;
|
|
border-color: $input-focus-border-color;
|
|
outline: 0;
|
|
|
|
@if $enable-shadows {
|
|
@include box-shadow($input-box-shadow, $input-focus-box-shadow);
|
|
}
|
|
|
|
@else {
|
|
// Avoid using mixin so we can pass custom focus shadow properly
|
|
box-shadow: $input-focus-box-shadow;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* Forms does not have class / id
|
|
*/
|
|
select[name=tbl_collation],
|
|
select[name=partition_by],
|
|
tr.noclick select {
|
|
padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x;
|
|
-moz-padding-start: subtract($form-select-padding-x, 3px); // See https://github.com/twbs/bootstrap/issues/32636
|
|
font-family: $form-select-font-family;
|
|
@include font-size($form-select-font-size);
|
|
font-weight: $form-select-font-weight;
|
|
line-height: $form-select-line-height;
|
|
color: $form-select-color;
|
|
background-color: $form-select-bg;
|
|
background-image: escape-svg($form-select-indicator);
|
|
background-repeat: no-repeat;
|
|
background-position: $form-select-bg-position;
|
|
background-size: $form-select-bg-size;
|
|
border: $form-select-border-width solid $form-select-border-color;
|
|
@include border-radius($form-select-border-radius, 0);
|
|
@include box-shadow($form-select-box-shadow);
|
|
@include transition($form-select-transition);
|
|
appearance: none;
|
|
|
|
&:focus {
|
|
border-color: $form-select-focus-border-color;
|
|
outline: 0;
|
|
|
|
@if $enable-shadows {
|
|
@include box-shadow($form-select-box-shadow, $form-select-focus-box-shadow);
|
|
}
|
|
|
|
@else {
|
|
// Avoid using mixin so we can pass custom focus shadow properly
|
|
box-shadow: $form-select-focus-box-shadow;
|
|
}
|
|
}
|
|
|
|
&:disabled {
|
|
color: $form-select-disabled-color;
|
|
background-color: $form-select-disabled-bg;
|
|
border-color: $form-select-disabled-border-color;
|
|
}
|
|
}
|
|
|
|
input[name=partition_expr],
|
|
input[name=partition_count],
|
|
#fieldset_add_user_login input[type=text],
|
|
#fieldset_add_user_login input[type=password],
|
|
.formelement input[type=text] {
|
|
padding: $input-padding-y $input-padding-x;
|
|
font-family: $input-font-family;
|
|
@include font-size($input-font-size);
|
|
font-weight: $input-font-weight;
|
|
line-height: $input-line-height;
|
|
color: $input-color;
|
|
background-color: $input-bg;
|
|
background-clip: padding-box;
|
|
border: $input-border-width solid $input-border-color;
|
|
appearance: none; // Fix appearance for date inputs in Safari
|
|
|
|
// Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
|
|
@include border-radius($input-border-radius, 0);
|
|
|
|
@include box-shadow($input-box-shadow);
|
|
@include transition($input-transition);
|
|
|
|
&[type="file"] {
|
|
overflow: hidden; // prevent pseudo element button overlap
|
|
|
|
&:not(:disabled):not([readonly]) {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
// Customize the `:focus` state to imitate native WebKit styles.
|
|
&:focus {
|
|
color: $input-focus-color;
|
|
background-color: $input-focus-bg;
|
|
border-color: $input-focus-border-color;
|
|
outline: 0;
|
|
|
|
@if $enable-shadows {
|
|
@include box-shadow($input-box-shadow, $input-focus-box-shadow);
|
|
}
|
|
|
|
@else {
|
|
// Avoid using mixin so we can pass custom focus shadow properly
|
|
box-shadow: $input-focus-box-shadow;
|
|
}
|
|
}
|
|
|
|
// Add some height to date inputs on iOS
|
|
// https://github.com/twbs/bootstrap/issues/23307
|
|
// TODO: we can remove this workaround once https://bugs.webkit.org/show_bug.cgi?id=198959 is resolved
|
|
&::-webkit-date-and-time-value {
|
|
// Multiply line-height by 1em if it has no unit
|
|
height: if(unit($input-line-height)=="", $input-line-height * 1em, $input-line-height);
|
|
}
|
|
|
|
// Placeholder
|
|
&::placeholder {
|
|
color: $input-placeholder-color;
|
|
// Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
|
|
opacity: 1;
|
|
}
|
|
|
|
// Disabled inputs
|
|
//
|
|
// HTML5 says that controls under a fieldset > legend:first-child won't be
|
|
// disabled if the fieldset is disabled. Due to implementation difficulty, we
|
|
// don't honor that edge case; we style them as disabled anyway.
|
|
&:disabled {
|
|
color: $input-disabled-color;
|
|
background-color: $input-disabled-bg;
|
|
border-color: $input-disabled-border-color;
|
|
// iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
|
|
opacity: 1;
|
|
}
|
|
|
|
// File input buttons theming
|
|
&::file-selector-button {
|
|
padding: $input-padding-y $input-padding-x;
|
|
margin: (-$input-padding-y) (-$input-padding-x);
|
|
margin-inline-end: $input-padding-x;
|
|
color: $form-file-button-color;
|
|
@include gradient-bg($form-file-button-bg);
|
|
pointer-events: none;
|
|
border-color: inherit;
|
|
border-style: solid;
|
|
border-width: 0;
|
|
border-inline-end-width: $input-border-width;
|
|
border-radius: 0; // stylelint-disable-line property-disallowed-list
|
|
@include transition($btn-transition);
|
|
}
|
|
|
|
&:hover:not(:disabled):not([readonly])::file-selector-button {
|
|
background-color: $form-file-button-hover-bg;
|
|
}
|
|
} |