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
5f844f6d
Commit
5f844f6d
authored
Mar 19, 2019
by
Nicolas Frandeboeuf
Browse files
[CSS] Move reports table layout to dedicated file
parent
fb08bef6
Changes
3
Hide whitespace changes
Inline
Side-by-side
client/css/base.css
View file @
5f844f6d
...
...
@@ -39,6 +39,7 @@
@import
'~./sections/operations/wells.css'
;
@import
'~./sections/operations/toolbar.css'
;
@import
'~./sections/operations/search.css'
;
@import
'~./sections/operations/table.css'
;
/* Charts colors */
.c3-axis-x
,
...
...
client/css/sections/operations/table.css
0 → 100644
View file @
5f844f6d
.operation-table
{
font-size
:
14px
;
}
.operation-table
caption
{
height
:
40px
;
line-height
:
40px
;
font-size
:
1em
;
font-weight
:
600
;
}
.operation-table
>
tbody
>
tr
{
border-right
:
5px
solid
;
}
.operation-table
>
thead
>
tr
>
td
,
.operation-table
>
tbody
>
tr
>
td
{
vertical-align
:
middle
;
}
.operation-table
td
.date
{
white-space
:
nowrap
;
}
.operation-table
td
.date
>
*
{
vertical-align
:
middle
;
}
.operation-table
td
>
*
{
overflow-y
:
hidden
;
}
.operation-table
thead
tr
>
th
{
border-bottom
:
0
;
}
.operation-table
thead
tr
>
th
.modale-button
{
width
:
1em
;
}
.operation-table
thead
tr
>
th
.date
{
width
:
calc
(
12ex
+
20px
);
}
.operation-table
thead
tr
>
th
.type
{
width
:
18%
;
}
@media
screen
and
(
min-width
:
1600px
)
{
.operation-table
thead
tr
>
th
.type
{
width
:
260px
;
}
}
.operation-table
thead
tr
>
th
.amount
{
width
:
10%
;
}
.operation-table
thead
tr
>
th
.category
{
width
:
22%
;
}
.operation-table
.operation-assigned-to-budget
{
cursor
:
default
!important
;
margin-left
:
5px
;
}
button
.budget-assignment
{
width
:
33.33%
;
}
@media
screen
and
(
max-width
:
768px
)
{
/* Decrease the date column width */
.operation-table
thead
tr
>
th
.date
{
width
:
12ex
;
}
/* Hide budget assignments label */
button
.budget-assignment
span
{
display
:
none
;
}
button
.budget-assignment
.fa
{
margin-right
:
0
;
}
}
/*
* WebKit hack: by setting a relative position to the cell, its width will not be
* calculated according to its content, which is wrong if the content is too
* wide. The background-clip tells Firefox to draw the border on top of then
* background.
*/
@media
screen
and
(
max-width
:
768px
)
{
/* The height is smaller in xs-mode */
.operation-table
td
{
position
:
relative
;
height
:
41px
;
background-clip
:
padding-box
;
}
/* Force the max height of the children to ensure a fixed height for the
* infinite list
*/
.operation-table
td
>
*
{
max-height
:
19px
;
height
:
inherit
;
}
}
@media
screen
and
(
min-width
:
768px
)
{
.operation-table
td
{
position
:
relative
;
height
:
54px
;
background-clip
:
padding-box
;
}
/* Force the max height of the children to ensure a fixed height for the
* infinite list
*/
.operation-table
td
>
*
{
max-height
:
34px
;
overflow
:
hidden
;
}
.operation-table
td
>
div
{
position
:
relative
;
max-width
:
100%
;
}
}
.operation-table
td
>
.Select
{
overflow
:
visible
;
z-index
:
auto
;
}
client/themes/default/style.css
View file @
5f844f6d
...
...
@@ -390,148 +390,18 @@ main nav .bank-details > li > .accounts > li a {
}
/* Main panel, with form and operations */
.operation-table
{
font-size
:
14px
;
}
.operation-table
caption
{
height
:
40px
;
line-height
:
40px
;
font-size
:
1em
;
color
:
#777777
;
font-weight
:
600
;
}
.operation-table
>
tbody
>
tr
{
border-right
:
5px
solid
#EAEAEA
;
}
.operation-table
>
thead
>
tr
>
td
,
.operation-table
>
tbody
>
tr
>
td
{
vertical-align
:
middle
;
}
.operation-table
td
.date
{
white-space
:
nowrap
;
}
.operation-table
td
.date
>
*
{
vertical-align
:
middle
;
}
.operation-table
td
>
*
{
overflow-y
:
hidden
;
}
.operation-table
thead
tr
>
th
{
border-bottom
:
0
;
}
.operation-table
thead
tr
>
th
.modale-button
{
width
:
1em
;
}
.operation-table
thead
tr
>
th
.date
{
width
:
calc
(
12ex
+
20px
);
}
.operation-table
thead
tr
>
th
.type
{
width
:
18%
;
}
@media
screen
and
(
min-width
:
1600px
)
{
.operation-table
thead
tr
>
th
.type
{
width
:
260px
;
}
}
.operation-table
thead
tr
>
th
.amount
{
width
:
10%
;
}
.operation-table
thead
tr
>
th
.category
{
width
:
22%
;
}
.operation-table
.operation-assigned-to-budget
{
cursor
:
default
!important
;
margin-left
:
5px
;
}
button
.budget-assignment
{
width
:
33.33%
;
}
@media
screen
and
(
max-width
:
768px
)
{
/* Decrease the date column width */
.operation-table
thead
tr
>
th
.date
{
width
:
12ex
;
}
/* Hide budget assignments label */
button
.budget-assignment
span
{
display
:
none
;
}
button
.budget-assignment
.fa
{
margin-right
:
0
;
}
border-right-color
:
#EAEAEA
;
}
.operation-table
td
.modale-button
>
button
{
color
:
#337AB7
;
}
/*
* WebKit hack: by setting a relative position to the cell, its width will not be
* calculated according to its content, which is wrong if the content is too
* wide. The background-clip tells Firefox to draw the border on top of then
* background.
*/
@media
screen
and
(
max-width
:
768px
)
{
/* The height is smaller in xs-mode */
.operation-table
td
{
position
:
relative
;
height
:
41px
;
background-clip
:
padding-box
;
}
/* Force the max height of the children to ensure a fixed height for the
* infinite list
*/
.operation-table
td
>
*
{
max-height
:
19px
;
height
:
inherit
;
}
}
@media
screen
and
(
min-width
:
768px
)
{
.operation-table
td
{
position
:
relative
;
height
:
54px
;
background-clip
:
padding-box
;
}
/* Force the max height of the children to ensure a fixed height for the
* infinite list
*/
.operation-table
td
>
*
{
max-height
:
34px
;
overflow
:
hidden
;
}
.operation-table
td
>
div
{
position
:
relative
;
max-width
:
100%
;
}
}
.operation-table
td
>
.Select
,
.modal-body
.Select
{
overflow
:
visible
;
z-index
:
auto
;
}
/* Categories section */
input
.category-color
{
border-radius
:
4px
;
...
...
@@ -886,6 +756,11 @@ input.category-color {
transform
:
rotate
(
90deg
);
}
.modal-body
.Select
{
overflow
:
visible
;
z-index
:
auto
;
}
.modal-body
.cols-with-label
{
display
:
flex
;
margin-bottom
:
1em
;
...
...
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