Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
I
iTasks-SDK
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
73
Issues
73
List
Boards
Labels
Service Desk
Milestones
Merge Requests
6
Merge Requests
6
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Operations
Operations
Incidents
Environments
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
clean-and-itasks
iTasks-SDK
Commits
32268735
Commit
32268735
authored
Sep 16, 2019
by
Steffen Michels
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'eliminate-sass' into 'master'
Eliminate sass See merge request
!310
parents
9bdf6ee7
a9384198
Pipeline
#29656
passed with stage
in 4 minutes and 39 seconds
Changes
19
Pipelines
1
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
19 changed files
with
1243 additions
and
3555 deletions
+1243
-3555
Libraries/iTasks/UI/Definition.css
Libraries/iTasks/UI/Definition.css
+259
-0
Libraries/iTasks/UI/Editor.css
Libraries/iTasks/UI/Editor.css
+22
-0
Libraries/iTasks/UI/Editor/Containers.css
Libraries/iTasks/UI/Editor/Containers.css
+656
-0
Libraries/iTasks/UI/Editor/Controls.css
Libraries/iTasks/UI/Editor/Controls.css
+306
-0
Libraries/iTasks/UI/WebPublic/css/generate-css.sh
Libraries/iTasks/UI/WebPublic/css/generate-css.sh
+0
-3
Libraries/iTasks/UI/WebPublic/css/itasks-orangeblue.css
Libraries/iTasks/UI/WebPublic/css/itasks-orangeblue.css
+0
-1193
Libraries/iTasks/UI/WebPublic/css/itasks.css
Libraries/iTasks/UI/WebPublic/css/itasks.css
+0
-1193
Libraries/iTasks/UI/WebPublic/css/src/components-container.scss
...ies/iTasks/UI/WebPublic/css/src/components-container.scss
+0
-617
Libraries/iTasks/UI/WebPublic/css/src/components-display.scss
...aries/iTasks/UI/WebPublic/css/src/components-display.scss
+0
-31
Libraries/iTasks/UI/WebPublic/css/src/components-form.scss
Libraries/iTasks/UI/WebPublic/css/src/components-form.scss
+0
-51
Libraries/iTasks/UI/WebPublic/css/src/components-raw.scss
Libraries/iTasks/UI/WebPublic/css/src/components-raw.scss
+0
-91
Libraries/iTasks/UI/WebPublic/css/src/components-selection.scss
...ies/iTasks/UI/WebPublic/css/src/components-selection.scss
+0
-182
Libraries/iTasks/UI/WebPublic/css/src/icons.scss
Libraries/iTasks/UI/WebPublic/css/src/icons.scss
+0
-87
Libraries/iTasks/UI/WebPublic/css/src/itasks-default.scss
Libraries/iTasks/UI/WebPublic/css/src/itasks-default.scss
+0
-2
Libraries/iTasks/UI/WebPublic/css/src/itasks-orangeblue.scss
Libraries/iTasks/UI/WebPublic/css/src/itasks-orangeblue.scss
+0
-14
Libraries/iTasks/UI/WebPublic/css/src/main.scss
Libraries/iTasks/UI/WebPublic/css/src/main.scss
+0
-11
Libraries/iTasks/UI/WebPublic/css/src/options-default.scss
Libraries/iTasks/UI/WebPublic/css/src/options-default.scss
+0
-30
Libraries/iTasks/UI/WebPublic/css/src/tooltip.scss
Libraries/iTasks/UI/WebPublic/css/src/tooltip.scss
+0
-49
Libraries/iTasks/UI/WebPublic/index.html
Libraries/iTasks/UI/WebPublic/index.html
+0
-1
No files found.
Libraries/iTasks/UI/Definition.css
0 → 100644
View file @
32268735
/* Global themabable variables shared by the builtin editors. */
:root
{
--canvas-base-color
:
#eee
;
--canvas-text-color
:
#000
;
--panel-header-base-color
:
#ccc
;
--panel-header-base-color-lighter
:
#ececec
;
/* lighten 12.5% */
--panel-header-base-color-lighter2
:
white
;
/* lighten 20% */
--panel-header-base-color-darker
:
#999999
;
/* darken 20% */
--panel-header-base-color-darker2
:
#b3b3b3
;
/* darken 10% */
--panel-header-text-color
:
#000
;
--panel-border-color
:
#ccc
;
--window-header-base-color
:
#ccc
;
--window-header-base-color-lighter
:
#ececec
;
/* lighten 12.5% */
--window-header-text-color
:
#000
;
--window-border-color
:
#ccc
;
--toolbar-base-color
:
var
(
--canvas-base-color
);
--toolbar-base-color-lighter
:
#f8f8f8
;
/* lighten 4% */
--toolbar-base-color-darker
:
#cecece
;
/* darken 12.5% */
--toolbar-base-color-darker2
:
#e1e1e1
;
/* darken 5% */
--button-base-color
:
var
(
--canvas-base-color
);
--button-base-color-lighter
:
white
;
/* lighten 10% */
--button-base-color-darker
:
#bbbbbb
;
/* darken 20% */
--button-base-color-darkest
:
#888888
;
/* darken 40% */
--button-text-color
:
var
(
--canvas-text-color
);
--button-text-color-lighter
:
#595959
;
/* lighten 35% */
--tab-base-color
:
var
(
--canvas-base-color
);
--tab-base-color-darker
:
#e1e1e1
;
/* lighten 5% */
--tab-text-color
:
var
(
--canvas-text-color
);
--tab-border-color
:
#ccc
;
--select-base-color
:
#333
;
--select-text-color
:
#fff
;
--list-base-color
:
#fff
;
--list-text-color
:
#000
;
--list-highlight-color
:
#eee
;
--list-border-color
:
#ccc
;
--choicegrid-up-color
:
#d9d9d9
;
/* lighten 5% */
--choicegrid-down-color
:
#f2f2f2
;
/* lighten 15% */
}
/* Predefined themes: just add this class to the viewport or (any container) */
.itasks-orangeblue
{
--panel-header-base-color
:
#fb7322
;
--panel-header-text-color
:
#fff
;
--panel-border-color
:
#fb7322
;
--window-header-base-color
:
#004584
;
--window-header-text-color
:
#fff
;
--window-border-color
:
#fb7322
;
--toolbar-base-color
:
#fb7322
;
--select-base-color
:
#004584
;
--panel-header-base-color-lighter
:
#fc9b61
;
--panel-header-base-color-lighter2
:
#fdb286
;
--panel-header-base-color-darker
:
#b44503
;
--panel-header-base-color-darker2
:
#e65804
;
--window-header-base-color-lighter
:
#0066c4
;
--toolbar-base-color-lighter
:
#fb8036
;
--toolbar-base-color-darker
:
#d95404
;
--toolbar-base-color-darker2
:
#fb6309
;
--choicegrid-up-color
:
#fb833b
;
--choicegrid-down-color
:
#fca36d
;
}
/* Intermediate UI elements */
.itasks-raw-record
,
.itasks-raw-cons
,
.itasks-raw-var-cons
,
.itasks-raw-interact
,
.itasks-raw-step
,
.itasks-raw-parallel
,
.itasks-raw-form
,
.itasks-raw-form-item
{
border
:
dashed
2px
#ccc
;
}
.itasks-raw-record
>
.itasks-header
,
.itasks-raw-cons
>
.itasks-header
,
.itasks-raw-var-cons
>
.itasks-header
,
.itasks-raw-interact
>
.itasks-header
,
.itasks-raw-step
>
.itasks-header
,
.itasks-raw-parallel
>
.itasks-header
,
.itasks-raw-form
>
.itasks-header
,
.itasks-raw-form-item
>
.itasks-header
{
color
:
#fff
;
padding
:
2px
;
}
.itasks-raw-form
{
border
:
solid
2px
#f33
;
background
:
#fee
;
}
.itasks-raw-form
>
.itasks-header
{
background
:
#f33
;
}
.itasks-raw-form-item
{
border
:
dashed
2px
#f33
;
border-radius
:
5px
;
}
.itasks-raw-form-item
>
.itasks-header
{
background
:
#f33
;
}
.itasks-raw-record
{
border
:
solid
2px
#f33
;
background
:
#fee
;
}
.itasks-raw-record
>
.itasks-header
{
background
:
#f33
;
}
.itasks-raw-cons
{
border
:
solid
2px
#ff3
;
background
:
#ffe
;
}
.itasks-raw-cons
>
.itasks-header
{
background
:
#ff3
;
}
.itasks-raw-var-cons
{
border
:
solid
2px
#ff3
;
background
:
#ffe
;
}
.itasks-raw-var-cons
>
.itasks-header
{
background
:
#ff3
;
}
.itasks-raw-interact
{
border
:
solid
2px
#f3f
;
background
:
#fef
;
}
.itasks-raw-interact
>
.itasks-header
{
background
:
#f3f
;
}
.itasks-raw-step
{
border
:
solid
2px
#33f
;
background
:
#eef
;
}
.itasks-raw-step
>
.itasks-header
{
background
:
#33f
;
}
.itasks-raw-parallel
{
border
:
solid
2px
#3f3
;
background
:
#efe
;
}
.itasks-raw-parallel
>
.itasks-header
{
background
:
#3f3
;
}
.itasks-raw-empty
{
border
:
dashed
2px
#eee
;
color
:
#ccc
;
font-style
:
italic
;
}
.itasks-raw-action
{
border
:
solid
2px
#000
;
padding
:
5px
20px
;
border-radius
:
5px
;
color
:
#fff
;
font-weight
:
bold
;
}
.itasks-raw-action-enabled
{
background-color
:
#0f0
;
}
.itasks-raw-action-disabled
{
background-color
:
#f00
;
}
/* Predefined icon classes */
*
.itasks-viewport
.icon-help
{
background-image
:
url('/css/icons/help.png')
;
}
*
.itasks-viewport
.icon-info
{
background-image
:
url('/css/icons/information.png')
!important
;
}
*
.itasks-viewport
.icon-valid
{
background-image
:
url('/css/icons/accept.png')
!important
;
}
*
.itasks-viewport
.icon-warning
{
background-image
:
url('/css/icons/warning.png')
!important
;
}
*
.itasks-viewport
.icon-invalid
{
background-image
:
url('/css/icons/exclamation.png')
!important
;
}
*
.itasks-viewport
.icon-continue
{
background-image
:
url('/css/icons/arrow_right.png')
;
}
*
.itasks-viewport
.icon-login
,
*
.itasks-viewport
.icon-log-in
{
background-image
:
url('/css/icons/tick.png')
;
}
*
.itasks-viewport
.icon-logout
,
*
.itasks-viewport
.icon-log-out
{
background-image
:
url('/css/icons/door_in.png')
;
}
*
.itasks-viewport
.icon-view
{
background-image
:
url('/css/icons/page.png')
!important
;
}
*
.itasks-viewport
.icon-edit
{
background-image
:
url('/css/icons/pencil.png')
!important
;
}
*
.itasks-viewport
.icon-delete
{
background-image
:
url('/css/icons/trash.png')
!important
;
}
*
.itasks-viewport
.icon-refresh
{
background-image
:
url('/css/icons/refresh.png')
!important
;
}
*
.itasks-viewport
.icon-up
{
background-image
:
url('/css/icons/move-up.png')
!important
;
}
*
.itasks-viewport
.icon-down
{
background-image
:
url('/css/icons/move-down.png')
!important
;
}
*
.itasks-viewport
.icon-add
,
*
.itasks-viewport
.icon-new
{
background-image
:
url('/css/icons/add.png')
!important
;
}
*
.itasks-viewport
.icon-remove
{
background-image
:
url('/css/icons/delete.png')
!important
;
}
*
.itasks-viewport
.icon-ok
{
background-image
:
url('/css/icons/tick.png')
!important
;
}
*
.itasks-viewport
.icon-cancel
{
background-image
:
url('/css/icons/cancel.png')
!important
;
}
*
.itasks-viewport
.icon-open
{
background-image
:
url('/css/icons/document-open.png')
!important
;
}
*
.itasks-viewport
.icon-save
{
background-image
:
url('/css/icons/document-save.png')
!important
;
}
*
.itasks-viewport
.icon-document
{
background-image
:
url('/css/icons/document.png')
!important
;
}
*
.itasks-viewport
.icon-document-error
{
background-image
:
url('/css/icons/document-error.png')
!important
;
}
*
.itasks-viewport
.icon-folder
{
background-image
:
url('/css/icons/folder.png')
!important
;
}
*
.itasks-viewport
.icon-close
{
background-image
:
url('/css/icons/cancel.png')
!important
;
}
*
.itasks-viewport
.icon-previous
{
background-image
:
url('/css/icons/arrow_left.png')
!important
;
}
*
.itasks-viewport
.icon-next
{
background-image
:
url('/css/icons/arrow_right.png')
!important
;
}
*
.itasks-viewport
.icon-preferences
{
background-image
:
url('/css/icons/cog.png')
!important
;
}
*
.itasks-viewport
.icon-finish
{
background-image
:
url('/css/icons/flag.png')
!important
;
}
*
.itasks-viewport
.icon-fullscreen
{
background-image
:
url('/css/icons/fullscreen.png')
!important
;
}
Libraries/iTasks/UI/
WebPublic/css/src/components-core.s
css
→
Libraries/iTasks/UI/
Editor.
css
View file @
32268735
div
.
#{
$prefix
}
loader
{
div
.
itasks-
loader
{
display
:
flex
;
font-size
:
16pt
;
font-style
:
italic
;
text-align
:
center
;
}
div
.
#{
$prefix
}
loader-spinner
{
div
.
itasks-
loader-spinner
{
width
:
40px
;
height
:
40px
;
border
:
10px
solid
;
border-radius
:
100%
;
border-color
:
$panel-border-color
$panel-border-color
$panel-border-color
$select-base-color
;
border-color
:
var
(
--panel-border-color
)
var
(
--panel-border-color
)
var
(
--panel-border-color
)
var
(
--select-base-color
)
;
margin
:
auto
auto
;
animation
:
#{
$prefix
}
rotation
.8s
infinite
linear
;
animation
:
itasks-
rotation
.8s
infinite
linear
;
}
@keyframes
#{
$prefix
}
rotation
{
@keyframes
itasks-
rotation
{
from
{
transform
:
rotate
(
0deg
);
}
to
{
transform
:
rotate
(
359deg
);
}
}
div
.
#{
$prefix
}
exception
{
div
.
itasks-
exception
{
text-align
:
center
;
}
Libraries/iTasks/UI/Editor/Containers.css
0 → 100644
View file @
32268735
/* Standard container components */
*
.itasks-viewport
{
display
:
flex
;
margin
:
0
;
font-family
:
tahoma
,
arial
,
verdana
,
sans-serif
;
text-align
:
left
;
font-weight
:
normal
;
overflow
:
auto
;
flex-basis
:
0
;
}
*
.itasks-viewport
div
,
*
.itasks-viewport
input
,
*
.itasks-viewport
td
,
*
.itasks-viewport
th
,
*
.itasks-viewport
select
{
font-size
:
9pt
;
}
.itasks-container
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
flex-start
;
flex
:
1
;
align-self
:
stretch
;
}
.itasks-container.itasks-scroll-content
{
flex-basis
:
0
;
overflow
:
auto
;
}
.itasks-panel
{
color
:
var
(
--canvas-text-color
);
background-color
:
var
(
--canvas-base-color
);
border
:
1px
solid
var
(
--panel-border-color
);
display
:
grid
;
grid-template-areas
:
"ls ts rs"
"ls header rs"
"ls inner rs"
"ls bs rs"
;
grid-template-rows
:
min-content
min-content
minmax
(
0
,
1
fr
)
min-content
;
grid-template-columns
:
min-content
1
fr
min-content
;
flex-grow
:
1
;
flex-shrink
:
0
;
flex-basis
:
auto
;
align-self
:
stretch
;
}
.itasks-panel
>
.itasks-header
{
grid-area
:
header
;
color
:
var
(
--panel-header-text-color
);
background-color
:
var
(
--panel-header-base-color
);
background
:
linear-gradient
(
var
(
--panel-header-base-color-lighter
),
var
(
--panel-header-base-color
));
font-weight
:
bold
;
font-size
:
11px
;
height
:
25px
;
}
.itasks-panel
>
.itasks-header
span
{
float
:
left
;
margin
:
4px
0
0
4px
;
}
.itasks-panel
>
.itasks-inner
{
grid-area
:
inner
;
display
:
flex
;
flex-direction
:
column
;
align-items
:
flex-start
;
}
.itasks-panel.itasks-scroll-content
{
flex-basis
:
0
;
overflow
:
auto
;
}
.itasks-panel.itasks-scroll-content
>
.itasks-inner
{
overflow
:
auto
;
}
.itasks-panel
.itasks-sizer-top
{
grid-area
:
ts
;
}
.itasks-panel
.itasks-sizer-bottom
{
grid-area
:
bs
;
}
.itasks-panel
.itasks-sizer-left
{
grid-area
:
ls
;
}
.itasks-panel
.itasks-sizer-right
{
grid-area
:
rs
;
}
.itasks-panel
.itasks-sizer-top
,
.itasks-panel
.itasks-sizer-bottom
{
height
:
5px
;
cursor
:
ns-resize
;
}
.itasks-panel
.itasks-sizer-left
,
.itasks-panel
.itasks-sizer-right
{
width
:
5px
;
cursor
:
ew-resize
;
}
.itasks-panel
.itasks-sizer-top
,
.itasks-panel
.itasks-sizer-bottom
,
.itasks-panel
.itasks-sizer-left
,
.itasks-panel
.itasks-sizer-right
{
background-color
:
var
(
--canvas-base-color
);
}
.itasks-panel
.itasks-sizer-top
:hover
,
.itasks-panel
.itasks-sizer-bottom
:hover
,
.itasks-panel
.itasks-sizer-left
:hover
,
.itasks-panel
.itasks-sizer-right
:hover
{
background-color
:
var
(
--select-base-color
);
}
.itasks-window
>
.itasks-header
{
font-weight
:
bold
;
font-size
:
11px
;
height
:
25px
;
align-self
:
stretch
;
}
.itasks-window
>
.itasks-header
a
.close
{
float
:
right
;
color
:
var
(
--panel-header-text-color
);
display
:
inline-block
;
position
:
relative
;
margin
:
4px
4px
0
0
;
top
:
0px
;
font-weight
:
bold
;
font-size
:
8px
;
line-height
:
8px
;
background
:
var
(
--panel-header-base-color-lighter
);
border
:
1px
solid
var
(
--panel-header-text-color
);
border-radius
:
2px
;
padding
:
0
4px
2px
4px
;
text-decoration
:
none
;
}
.itasks-window
>
.itasks-header
span
{
float
:
left
;
margin
:
4px
0
0
4px
;
}
.itasks-window
>
.itasks-inner
{
display
:
flex
;
flex-direction
:
column
;
flex-grow
:
1
;
flex-shrink
:
0
;
flex-basis
:
auto
;
align-items
:
flex-start
;
overflow
:
auto
;
/* Default minimum sizes */
min-width
:
300px
;
min-height
:
100px
;
}
.itasks-window.itasks-scroll-content
>
.itasks-inner
{
flex-basis
:
0
;
overflow
:
auto
;
}
/* Windows */
.itasks-window
{
position
:
absolute
;
top
:
0px
;
left
:
0px
;
z-index
:
2000
;
display
:
flex
;
flex-direction
:
column
;
}
.itasks-window
>
.itasks-inner
{
overflow
:
auto
;
flex-basis
:
0
;
}
.itasks-window.itasks-floating-window
{
color
:
var
(
--canvas-text-color
);
background-color
:
var
(
--canvas-base-color
);
border
:
1px
solid
var
(
--window-border-color
);
border-radius
:
5px
;
box-shadow
:
0
5px
5px
rgba
(
0
,
0
,
0
,
0.5
);
}
.itasks-window.itasks-floating-window
>
.itasks-header
{
color
:
var
(
--window-header-text-color
);
background-color
:
var
(
--window-header-base-color
);
background
:
linear-gradient
(
var
(
--window-header-base-color-lighter
),
var
(
--window-header-base-color
));
}
.itasks-window.itasks-notification-bubble
{
background-color
:
var
(
--canvas-base-color
);
border
:
3px
solid
var
(
--window-header-base-color
);
border-radius
:
10px
;
opacity
:
0.9
;
}
.itasks-window.itasks-notification-bubble
>
.itasks-header
{
color
:
var
(
--window-header-text-color
);
background-color
:
var
(
--window-header-base-color
);
}
.itasks-tabset
{
display
:
flex
;
align-items
:
stretch
;
flex-direction
:
column
;
}
.itasks-tabset
>
*
{
align-self
:
stretch
;
}
.itasks-tabbar
{
text-align
:
left
;
list-style
:
none
;
margin
:
0
;
padding
:
0
10px
;
line-height
:
24px
;
position
:
relative
;
min-height
:
24px
;
background
:
linear-gradient
(
var
(
--panel-header-base-color-lighter2
),
var
(
--panel-header-base-color
));
overflow
:
hidden
;
}
.itasks-tabbar
li
{
margin
:
0
;
padding
:
0
10px
;
border
:
1px
solid
var
(
--tab-border-color
);
background
:
var
(
--tab-base-color-darker
);
display
:
inline-block
;
position
:
relative
;
z-index
:
0
;
border-top-left-radius
:
5px
;
border-top-right-radius
:
5px
;
}
.itasks-tabbar
li
a
{
color
:
var
(
--tab-text-color
);
text-decoration
:
none
;
}
.itasks-tabbar
li
:before
,
.itasks-tabbar
li
:after
{
position
:
absolute
;
bottom
:
-1px
;
width
:
5px
;
height
:
5px
;
content
:
" "
;
border
:
1px
solid
var
(
--tab-border-color
);
}
.itasks-tabbar
li
:before
{
left
:
-6px
;
border-bottom-right-radius
:
5px
;
border-width
:
0
1px
1px
0
;
box-shadow
:
2px
2px
0
var
(
--tab-base-color-darker
);
}
.itasks-tabbar
li
:after
{
right
:
-6px
;
border-bottom-left-radius
:
5px
;
border-width
:
0
0
1px
1px
;
box-shadow
:
-2px
2px
0
var
(
--tab-base-color-darker
);
}
.itasks-tabbar
li
.itasks-selected
{
background
:
var
(
--tab-base-color
);
color
:
var
(
--tab-text-color
);
z-index
:
2
;
border-bottom-color
:
var
(
--tab-base-color
);
}
.itasks-tabbar
li
.itasks-selected
:before
{
box-shadow
:
2px
2px
0
var
(
--tab-base-color
);
}
.itasks-tabbar
li
.itasks-selected
:after
{
box-shadow
:
-2px
2px
0
var
(
--tab-base-color
);
}
.itasks-tabbar
li
a
.itasks-tabclose
{
color
:
#aaa
;
display
:
inline-block
;
position
:
relative
;
top
:
-5px
;
left
:
7px
;
font-weight
:
bold
;
font-size
:
8px
;
line-height
:
8px
;
background
:
#eee
;
border
:
1px
solid
#ccc
;
border-radius
:
2px
;
padding
:
0
2px
;
}
.itasks-tabbar
:after
{
position
:
absolute
;
content
:
""
;
width
:
100%
;
bottom
:
0
;
left
:
0
;
border-bottom
:
1px
solid
var
(
--tab-border-color
);
z-index
:
1
;
}
.itasks-tabbar
:before
{
z-index
:
1
;
}
.itasks-tabicon
{
width
:
16px
;
height
:
16px
;
display
:
inline-block
;
margin
:
0
3px
0
0
;
position
:
relative
;
top
:
3px
;
}
.itasks-tabset
.itasks-tab-disabled
.itasks-tabicon
{
opacity
:
0.5
;
}
.itasks-tabset
.itasks-tab-disabled
span
{
color
:
#aaa
;
}
.itasks-tabset
.itasks-tabitems
{
z-index
:
2
;
border
:
1px
solid
var
(
--tab-border-color
);
border-top-width
:
0
;
background-color
:
var
(
--canvas-base-color
);
flex
:
1
;
display
:
flex
;
flex-direction
:
column
;
}
.itasks-tabset
.itasks-container.itasks-tabitem
,
.itasks-tabset
.itasks-panel.itasks-tabitem
,
.itasks-tabset
.itasks-viewport.itasks-tabitem
{
display
:
none
;
}
.itasks-tabset
.itasks-panel.itasks-tabitem.itasks-selected
{
display
:
grid
;
border-top
:
0
;
}
.itasks-tabset
.itasks-container.itasks-tabitem.itasks-selected
,
.itasks-tabset
.itasks-viewport.itasks-tabitem.itasks-selected
{
display
:
flex
;
border-top
:
0
;
}
.itasks-toolbar
,
.itasks-buttonbar
{
align-self
:
stretch
;
flex
:
0
;
display
:
flex
;
flex-direction
:
row
;
align-items
:
center
;
background
:
linear-gradient
(
var
(
--toolbar-base-color-lighter
),
var
(
--toolbar-base-color-darker
));
}
.itasks-toolbar
{
justify-content
:
flex-start
;
margin
:
0
;
padding
:
2px
;
background
:
var
(
--toolbar-base-color
);
background
:
linear-gradient
(
var
(
--toolbar-base-color-lighter
),
var
(
--toolbar-base-color-darker2
));
}
.itasks-toolbar
>
.itasks-menu-item
>
div
{
background-image
:
url('/css/icons/menu-down.png')
;