Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Luc Didry
kresus
Commits
5ee67349
Commit
5ee67349
authored
Mar 30, 2019
by
Nicolas Frandeboeuf
Committed by
Benjamin Bouvier
Apr 22, 2019
Browse files
[CSS] Move form elements layout to dedicated file
parent
f777cf9e
Changes
3
Hide whitespace changes
Inline
Side-by-side
client/css/base.css
View file @
5ee67349
...
...
@@ -29,6 +29,7 @@
@import
'~./helpers.css'
;
@import
'~./layout.css'
;
@import
'~./sections/shared/form-elements.css'
;
@import
'~./sections/shared/new-bank-form.css'
;
@import
'~./sections/onboarding.css'
;
@import
'~./sections/settings/all.css'
;
...
...
client/css/sections/shared/form-elements.css
0 → 100644
View file @
5ee67349
button
{
color
:
inherit
;
font
:
inherit
;
text-transform
:
none
;
cursor
:
pointer
;
}
button
:focus
{
outline
:
none
!important
;
}
button
.fa
{
border
:
0
;
padding
:
0
;
background-color
:
transparent
;
}
input
,
select
,
textarea
{
height
:
34px
;
font-size
:
14px
;
line-height
:
1.42857143
;
padding
:
6px
12px
;
}
input
[
type
=
'button'
],
input
[
type
=
'reset'
],
input
[
type
=
'submit'
]
{
cursor
:
pointer
;
}
input
[
type
=
'checkbox'
],
input
[
type
=
'radio'
]
{
height
:
auto
;
}
input
:focus
,
select
:focus
,
textarea
:focus
,
.Select__control.Select__control--is-focused
{
outline
:
0
;
}
select
{
cursor
:
pointer
;
}
/* Smart selector (react-select) */
.Select__control
{
cursor
:
pointer
;
min-height
:
0
!important
;
}
.Select__menu
{
z-index
:
1000
;
}
/* We do not want to style the input inside the selector */
.Select__input
>
input
{
height
:
auto
;
}
.Select__input
>
input
:focus
{
border
:
none
;
box-shadow
:
none
;
}
.Select__control
:not
(
.Select__control--is-focused
)
.Select__value--container
,
.Select__control
:not
(
.Select__control--is-focused
)
.Select__single-value
{
color
:
inherit
!important
;
}
.checkbox-inside-label
*
{
vertical-align
:
middle
;
}
.checkbox-inside-label
input
{
margin-right
:
5px
;
}
client/themes/default/style.css
View file @
5ee67349
...
...
@@ -42,23 +42,6 @@ a:focus {
outline
:
0
;
}
button
{
color
:
inherit
;
font
:
inherit
;
text-transform
:
none
;
cursor
:
pointer
;
}
button
:focus
{
outline
:
none
!important
;
}
button
.fa
{
border
:
0
;
padding
:
0
;
background-color
:
transparent
;
}
.fa-spinner
{
animation
:
spin-animation
1.4s
infinite
linear
;
}
...
...
@@ -67,37 +50,21 @@ button.fa {
input
,
select
,
textarea
{
height
:
34px
;
font-size
:
14px
;
line-height
:
1.42857143
;
color
:
#555555
;
background-color
:
#FFFFFF
;
border
:
1px
solid
#CFD9DB
;
border-radius
:
4px
;
padding
:
6px
12px
;
transition
:
border-color
0.15s
ease-in-out
,
box-shadow
0.15s
ease-in-out
;
box-shadow
:
none
;
text-transform
:
none
;
}
input
[
type
=
'button'
],
input
[
type
=
'reset'
],
input
[
type
=
'submit'
]
{
cursor
:
pointer
;
}
input
[
type
=
'checkbox'
],
input
[
type
=
'radio'
]
{
height
:
auto
;
}
input
:focus
,
select
:focus
,
textarea
:focus
,
.Select__control.Select__control--is-focused
{
border
:
1px
solid
#66AFE9
;
border-radius
:
4px
;
outline
:
0
;
box-shadow
:
inset
0
1px
1px
rgba
(
0
,
0
,
0
,
0.075
),
0
0
8px
rgba
(
102
,
175
,
233
,
0.6
);
}
...
...
@@ -110,7 +77,6 @@ select {
background-position
:
right
1ex
center
;
background-size
:
1em
1em
;
padding-right
:
calc
(
1em
+
2ex
);
cursor
:
pointer
;
text-overflow
:
ellipsis
;
}
...
...
@@ -121,29 +87,8 @@ select {
}
.Select__control
{
cursor
:
pointer
;
border
:
1px
solid
#CFD9DB
;
background-color
:
white
;
min-height
:
0
!important
;
}
.Select__menu
{
z-index
:
1000
;
}
/* We do not want to style the input inside the selector */
.Select__input
>
input
{
height
:
auto
;
}
.Select__input
>
input
:focus
{
border
:
none
;
box-shadow
:
none
;
}
.Select__control
:not
(
.Select__control--is-focused
)
.Select__value--container
,
.Select__control
:not
(
.Select__control--is-focused
)
.Select__single-value
{
color
:
inherit
!important
;
}
.valid-date
input
,
...
...
@@ -160,14 +105,6 @@ input.check-validity:invalid {
border
:
1px
solid
#D75353
;
}
.checkbox-inside-label
*
{
vertical-align
:
middle
;
}
.checkbox-inside-label
input
{
margin-right
:
5px
;
}
/* Parameters modale */
#overlay
.settings-dropdown-menu
{
color
:
#444444
;
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment