Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
P
purescript-gargantext
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
143
Issues
143
List
Board
Labels
Milestones
Merge Requests
7
Merge Requests
7
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
gargantext
purescript-gargantext
Commits
b83573c3
Commit
b83573c3
authored
Jun 30, 2022
by
Alexandre Delanoë
Browse files
Options
Browse Files
Download
Plain Diff
Merge remote-tracking branch 'origin/407-dev-doc-highlighting-rc0.x' into dev
parents
f94c4685
f039ba8f
Changes
20
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
20 changed files
with
843 additions
and
398 deletions
+843
-398
bootstrap-darkster.css
dist/styles/bootstrap-darkster.css
+71
-37
bootstrap-default.css
dist/styles/bootstrap-default.css
+71
-37
bootstrap-greyson.css
dist/styles/bootstrap-greyson.css
+71
-37
bootstrap-herbie.css
dist/styles/bootstrap-herbie.css
+71
-37
bootstrap-monotony.css
dist/styles/bootstrap-monotony.css
+71
-37
Field.purs
src/Gargantext/Components/Annotation/Field.purs
+26
-5
Types.purs
src/Gargantext/Components/Annotation/Types.purs
+23
-0
Layout.purs
src/Gargantext/Components/Document/Layout.purs
+157
-101
DocFocus.purs
src/Gargantext/Components/GraphExplorer/Frame/DocFocus.purs
+65
-26
Layout.purs
src/Gargantext/Components/GraphExplorer/Layout.purs
+2
-1
Types.purs
src/Gargantext/Components/GraphExplorer/Types.purs
+1
-0
Document.purs
src/Gargantext/Components/Nodes/Corpus/Document.purs
+12
-1
Texts.purs
src/Gargantext/Components/Nodes/Texts.purs
+82
-8
DocFocus.purs
src/Gargantext/Components/PhyloExplorer/Frame/DocFocus.purs
+68
-29
Layout.purs
src/Gargantext/Components/PhyloExplorer/Layout.purs
+1
-0
Types.purs
src/Gargantext/Components/PhyloExplorer/Types.purs
+1
-1
_document.sass
src/sass/_legacy/_document.sass
+20
-21
_graph.sass
src/sass/_legacy/_graph.sass
+7
-14
_phylo.scss
src/sass/_legacy/_phylo.scss
+21
-0
_styles.sass
src/sass/_legacy/_styles.sass
+2
-6
No files found.
dist/styles/bootstrap-darkster.css
View file @
b83573c3
...
...
@@ -7714,21 +7714,16 @@ input[type=range]:-moz-focusring {
width
:
100%
;
display
:
block
;
}
.graph-doc-focus__header
{
padding
:
0.5rem
1.5rem
;
}
.right-handed
.graph-doc-focus__header
{
float
:
right
;
margin-left
:
32px
;
}
.left-handed
.graph-doc-focus__header
{
float
:
left
;
margin-right
:
32px
;
}
.graph-doc-focus__body
{
padding-top
:
13px
;
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
.graph-doc-focus
.document-layout__header
{
padding-top
:
initial
;
}
.graph-sidebar
{
...
...
@@ -8713,21 +8708,14 @@ a:focus, a:hover {
.side-panel
.texts-sidepanel__header
{
padding
:
0.75rem
1.25rem
;
font-size
:
20px
;
text-align
:
right
;
}
.right-handed
.side-panel
.texts-sidepanel__header
{
float
:
right
;
}
.left-handed
.side-panel
.texts-sidepanel__header
{
float
:
left
;
}
.side-panel
.texts-sidepanel__body
{
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
}
.side-panel
.texts-sidepanel__body
.document-layout__title
{
font-size
:
2
3
px
;
font-size
:
2
1
px
;
}
.side-panel
.texts-sidepanel__body
.document-layout__abstract__content
{
max-height
:
200px
;
...
...
@@ -9395,6 +9383,50 @@ select.form-control {
display
:
none
;
}
.phylo-doc-focus
{
scrollbar-width
:
none
;
overflow-y
:
scroll
;
background-color
:
#000000
;
height
:
100%
;
position
:
relative
;
z-index
:
0
;
}
.phylo-doc-focus
::-webkit-scrollbar
{
display
:
none
;
}
.phylo-doc-focus
::before
{
background
:
linear-gradient
(
to
top
,
rgba
(
0
,
0
,
0
,
0
)
0%
,
black
45%
);
content
:
""
;
z-index
:
2
;
pointer-events
:
none
;
position
:
sticky
;
top
:
0
;
height
:
16px
;
width
:
100%
;
display
:
block
;
}
.phylo-doc-focus
::after
{
background
:
linear-gradient
(
to
bottom
,
rgba
(
0
,
0
,
0
,
0
)
0%
,
black
45%
);
content
:
""
;
pointer-events
:
none
;
position
:
sticky
;
bottom
:
0
;
height
:
16px
;
width
:
100%
;
display
:
block
;
}
.right-handed
.phylo-doc-focus__header
{
margin-left
:
32px
;
}
.left-handed
.phylo-doc-focus__header
{
margin-right
:
32px
;
}
.phylo-doc-focus
.document-layout__header
{
padding-top
:
initial
;
}
.phylo-sidebar
{
scrollbar-width
:
none
;
overflow-y
:
scroll
;
...
...
@@ -9573,32 +9605,34 @@ select.form-control {
.document-layout
{
position
:
relative
;
width
:
100%
;
max-width
:
780px
;
margin
:
0
auto
;
}
.document-layout__controls
{
float
:
right
;
color
:
#FF550B
;
.document-layout__header
{
display
:
flex
;
justify-content
:
space-between
;
padding
:
0.75rem
1.25rem
;
border-bottom
:
1px
solid
#dee2e6
;
margin-bottom
:
0.75rem
;
}
.document-layout__controls__hint
{
margin-right
:
8px
;
font-style
:
italic
;
font-size
:
14px
;
animation-name
:
fade-in
;
animation-delay
:
400ms
;
animation-duration
:
600ms
;
animation-timing-function
:
ease-in-out
;
animation-direction
:
alternate
;
animation-iteration-count
:
infinite
;
opacity
:
0
;
.document-layout__side-controls
{
display
:
flex
;
align-items
:
center
;
}
.document-layout__saving
{
color
:
#FF550B
;
display
:
flex
;
}
.document-layout__
controls
__spinner
{
.document-layout__
saving
__spinner
{
width
:
16px
;
height
:
16px
;
}
.document-layout__
controls
__icon
{
.document-layout__
saving
__icon
{
font-size
:
20px
;
animation
:
fade-in
200ms
ease-in-out
;
animation
:
fade-in
200ms
ease-in-out
,
fade-out
100ms
ease-in-out
2000ms
1
normal
forwards
,
pulse
200ms
ease-in-out
0ms
1
;
}
.document-layout__body
{
max-width
:
780px
;
padding
:
1.25rem
;
margin
:
0
auto
;
}
.document-layout__separator-label
{
font-weight
:
bold
;
...
...
dist/styles/bootstrap-default.css
View file @
b83573c3
...
...
@@ -7667,21 +7667,16 @@ input[type=range]:-moz-focusring {
width
:
100%
;
display
:
block
;
}
.graph-doc-focus__header
{
padding
:
0.5rem
1.5rem
;
}
.right-handed
.graph-doc-focus__header
{
float
:
right
;
margin-left
:
32px
;
}
.left-handed
.graph-doc-focus__header
{
float
:
left
;
margin-right
:
32px
;
}
.graph-doc-focus__body
{
padding-top
:
13px
;
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
.graph-doc-focus
.document-layout__header
{
padding-top
:
initial
;
}
.graph-sidebar
{
...
...
@@ -8666,21 +8661,14 @@ a:focus, a:hover {
.side-panel
.texts-sidepanel__header
{
padding
:
0.75rem
1.25rem
;
font-size
:
20px
;
text-align
:
right
;
}
.right-handed
.side-panel
.texts-sidepanel__header
{
float
:
right
;
}
.left-handed
.side-panel
.texts-sidepanel__header
{
float
:
left
;
}
.side-panel
.texts-sidepanel__body
{
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
}
.side-panel
.texts-sidepanel__body
.document-layout__title
{
font-size
:
2
3
px
;
font-size
:
2
1
px
;
}
.side-panel
.texts-sidepanel__body
.document-layout__abstract__content
{
max-height
:
200px
;
...
...
@@ -9348,6 +9336,50 @@ select.form-control {
display
:
none
;
}
.phylo-doc-focus
{
scrollbar-width
:
none
;
overflow-y
:
scroll
;
background-color
:
#fff
;
height
:
100%
;
position
:
relative
;
z-index
:
0
;
}
.phylo-doc-focus
::-webkit-scrollbar
{
display
:
none
;
}
.phylo-doc-focus
::before
{
background
:
linear-gradient
(
to
top
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
white
45%
);
content
:
""
;
z-index
:
2
;
pointer-events
:
none
;
position
:
sticky
;
top
:
0
;
height
:
16px
;
width
:
100%
;
display
:
block
;
}
.phylo-doc-focus
::after
{
background
:
linear-gradient
(
to
bottom
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
white
45%
);
content
:
""
;
pointer-events
:
none
;
position
:
sticky
;
bottom
:
0
;
height
:
16px
;
width
:
100%
;
display
:
block
;
}
.right-handed
.phylo-doc-focus__header
{
margin-left
:
32px
;
}
.left-handed
.phylo-doc-focus__header
{
margin-right
:
32px
;
}
.phylo-doc-focus
.document-layout__header
{
padding-top
:
initial
;
}
.phylo-sidebar
{
scrollbar-width
:
none
;
overflow-y
:
scroll
;
...
...
@@ -9526,32 +9558,34 @@ select.form-control {
.document-layout
{
position
:
relative
;
width
:
100%
;
max-width
:
780px
;
margin
:
0
auto
;
}
.document-layout__controls
{
float
:
right
;
color
:
#005a9a
;
.document-layout__header
{
display
:
flex
;
justify-content
:
space-between
;
padding
:
0.75rem
1.25rem
;
border-bottom
:
1px
solid
#dee2e6
;
margin-bottom
:
0.75rem
;
}
.document-layout__controls__hint
{
margin-right
:
8px
;
font-style
:
italic
;
font-size
:
14px
;
animation-name
:
fade-in
;
animation-delay
:
400ms
;
animation-duration
:
600ms
;
animation-timing-function
:
ease-in-out
;
animation-direction
:
alternate
;
animation-iteration-count
:
infinite
;
opacity
:
0
;
.document-layout__side-controls
{
display
:
flex
;
align-items
:
center
;
}
.document-layout__saving
{
color
:
#005a9a
;
display
:
flex
;
}
.document-layout__
controls
__spinner
{
.document-layout__
saving
__spinner
{
width
:
16px
;
height
:
16px
;
}
.document-layout__
controls
__icon
{
.document-layout__
saving
__icon
{
font-size
:
20px
;
animation
:
fade-in
200ms
ease-in-out
;
animation
:
fade-in
200ms
ease-in-out
,
fade-out
100ms
ease-in-out
2000ms
1
normal
forwards
,
pulse
200ms
ease-in-out
0ms
1
;
}
.document-layout__body
{
max-width
:
780px
;
padding
:
1.25rem
;
margin
:
0
auto
;
}
.document-layout__separator-label
{
font-weight
:
bold
;
...
...
dist/styles/bootstrap-greyson.css
View file @
b83573c3
...
...
@@ -7423,21 +7423,16 @@ input[type=range]:-moz-focusring {
width
:
100%
;
display
:
block
;
}
.graph-doc-focus__header
{
padding
:
0.5rem
1.5rem
;
}
.right-handed
.graph-doc-focus__header
{
float
:
right
;
margin-left
:
32px
;
}
.left-handed
.graph-doc-focus__header
{
float
:
left
;
margin-right
:
32px
;
}
.graph-doc-focus__body
{
padding-top
:
13px
;
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
.graph-doc-focus
.document-layout__header
{
padding-top
:
initial
;
}
.graph-sidebar
{
...
...
@@ -8422,21 +8417,14 @@ a:focus, a:hover {
.side-panel
.texts-sidepanel__header
{
padding
:
0.75rem
1.25rem
;
font-size
:
20px
;
text-align
:
right
;
}
.right-handed
.side-panel
.texts-sidepanel__header
{
float
:
right
;
}
.left-handed
.side-panel
.texts-sidepanel__header
{
float
:
left
;
}
.side-panel
.texts-sidepanel__body
{
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
}
.side-panel
.texts-sidepanel__body
.document-layout__title
{
font-size
:
2
3
px
;
font-size
:
2
1
px
;
}
.side-panel
.texts-sidepanel__body
.document-layout__abstract__content
{
max-height
:
200px
;
...
...
@@ -9104,6 +9092,50 @@ select.form-control {
display
:
none
;
}
.phylo-doc-focus
{
scrollbar-width
:
none
;
overflow-y
:
scroll
;
background-color
:
#fff
;
height
:
100%
;
position
:
relative
;
z-index
:
0
;
}
.phylo-doc-focus
::-webkit-scrollbar
{
display
:
none
;
}
.phylo-doc-focus
::before
{
background
:
linear-gradient
(
to
top
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
white
45%
);
content
:
""
;
z-index
:
2
;
pointer-events
:
none
;
position
:
sticky
;
top
:
0
;
height
:
16px
;
width
:
100%
;
display
:
block
;
}
.phylo-doc-focus
::after
{
background
:
linear-gradient
(
to
bottom
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
white
45%
);
content
:
""
;
pointer-events
:
none
;
position
:
sticky
;
bottom
:
0
;
height
:
16px
;
width
:
100%
;
display
:
block
;
}
.right-handed
.phylo-doc-focus__header
{
margin-left
:
32px
;
}
.left-handed
.phylo-doc-focus__header
{
margin-right
:
32px
;
}
.phylo-doc-focus
.document-layout__header
{
padding-top
:
initial
;
}
.phylo-sidebar
{
scrollbar-width
:
none
;
overflow-y
:
scroll
;
...
...
@@ -9282,32 +9314,34 @@ select.form-control {
.document-layout
{
position
:
relative
;
width
:
100%
;
max-width
:
780px
;
margin
:
0
auto
;
}
.document-layout__controls
{
float
:
right
;
color
:
#2f3c48
;
.document-layout__header
{
display
:
flex
;
justify-content
:
space-between
;
padding
:
0.75rem
1.25rem
;
border-bottom
:
1px
solid
#dee2e6
;
margin-bottom
:
0.75rem
;
}
.document-layout__controls__hint
{
margin-right
:
8px
;
font-style
:
italic
;
font-size
:
14px
;
animation-name
:
fade-in
;
animation-delay
:
400ms
;
animation-duration
:
600ms
;
animation-timing-function
:
ease-in-out
;
animation-direction
:
alternate
;
animation-iteration-count
:
infinite
;
opacity
:
0
;
.document-layout__side-controls
{
display
:
flex
;
align-items
:
center
;
}
.document-layout__saving
{
color
:
#2f3c48
;
display
:
flex
;
}
.document-layout__
controls
__spinner
{
.document-layout__
saving
__spinner
{
width
:
16px
;
height
:
16px
;
}
.document-layout__
controls
__icon
{
.document-layout__
saving
__icon
{
font-size
:
20px
;
animation
:
fade-in
200ms
ease-in-out
;
animation
:
fade-in
200ms
ease-in-out
,
fade-out
100ms
ease-in-out
2000ms
1
normal
forwards
,
pulse
200ms
ease-in-out
0ms
1
;
}
.document-layout__body
{
max-width
:
780px
;
padding
:
1.25rem
;
margin
:
0
auto
;
}
.document-layout__separator-label
{
font-weight
:
bold
;
...
...
dist/styles/bootstrap-herbie.css
View file @
b83573c3
...
...
@@ -7671,21 +7671,16 @@ input[type=range]:-moz-focusring {
width
:
100%
;
display
:
block
;
}
.graph-doc-focus__header
{
padding
:
0.5rem
1.5rem
;
}
.right-handed
.graph-doc-focus__header
{
float
:
right
;
margin-left
:
32px
;
}
.left-handed
.graph-doc-focus__header
{
float
:
left
;
margin-right
:
32px
;
}
.graph-doc-focus__body
{
padding-top
:
13px
;
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
.graph-doc-focus
.document-layout__header
{
padding-top
:
initial
;
}
.graph-sidebar
{
...
...
@@ -8670,21 +8665,14 @@ a:focus, a:hover {
.side-panel
.texts-sidepanel__header
{
padding
:
0.75rem
1.25rem
;
font-size
:
20px
;
text-align
:
right
;
}
.right-handed
.side-panel
.texts-sidepanel__header
{
float
:
right
;
}
.left-handed
.side-panel
.texts-sidepanel__header
{
float
:
left
;
}
.side-panel
.texts-sidepanel__body
{
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
}
.side-panel
.texts-sidepanel__body
.document-layout__title
{
font-size
:
2
3
px
;
font-size
:
2
1
px
;
}
.side-panel
.texts-sidepanel__body
.document-layout__abstract__content
{
max-height
:
200px
;
...
...
@@ -9352,6 +9340,50 @@ select.form-control {
display
:
none
;
}
.phylo-doc-focus
{
scrollbar-width
:
none
;
overflow-y
:
scroll
;
background-color
:
#fff
;
height
:
100%
;
position
:
relative
;
z-index
:
0
;
}
.phylo-doc-focus
::-webkit-scrollbar
{
display
:
none
;
}
.phylo-doc-focus
::before
{
background
:
linear-gradient
(
to
top
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
white
45%
);
content
:
""
;
z-index
:
2
;
pointer-events
:
none
;
position
:
sticky
;
top
:
0
;
height
:
16px
;
width
:
100%
;
display
:
block
;
}
.phylo-doc-focus
::after
{
background
:
linear-gradient
(
to
bottom
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
white
45%
);
content
:
""
;
pointer-events
:
none
;
position
:
sticky
;
bottom
:
0
;
height
:
16px
;
width
:
100%
;
display
:
block
;
}
.right-handed
.phylo-doc-focus__header
{
margin-left
:
32px
;
}
.left-handed
.phylo-doc-focus__header
{
margin-right
:
32px
;
}
.phylo-doc-focus
.document-layout__header
{
padding-top
:
initial
;
}
.phylo-sidebar
{
scrollbar-width
:
none
;
overflow-y
:
scroll
;
...
...
@@ -9530,32 +9562,34 @@ select.form-control {
.document-layout
{
position
:
relative
;
width
:
100%
;
max-width
:
780px
;
margin
:
0
auto
;
}
.document-layout__controls
{
float
:
right
;
color
:
#083358
;
.document-layout__header
{
display
:
flex
;
justify-content
:
space-between
;
padding
:
0.75rem
1.25rem
;
border-bottom
:
1px
solid
#dee2e6
;
margin-bottom
:
0.75rem
;
}
.document-layout__controls__hint
{
margin-right
:
8px
;
font-style
:
italic
;
font-size
:
14px
;
animation-name
:
fade-in
;
animation-delay
:
400ms
;
animation-duration
:
600ms
;
animation-timing-function
:
ease-in-out
;
animation-direction
:
alternate
;
animation-iteration-count
:
infinite
;
opacity
:
0
;
.document-layout__side-controls
{
display
:
flex
;
align-items
:
center
;
}
.document-layout__saving
{
color
:
#083358
;
display
:
flex
;
}
.document-layout__
controls
__spinner
{
.document-layout__
saving
__spinner
{
width
:
16px
;
height
:
16px
;
}
.document-layout__
controls
__icon
{
.document-layout__
saving
__icon
{
font-size
:
20px
;
animation
:
fade-in
200ms
ease-in-out
;
animation
:
fade-in
200ms
ease-in-out
,
fade-out
100ms
ease-in-out
2000ms
1
normal
forwards
,
pulse
200ms
ease-in-out
0ms
1
;
}
.document-layout__body
{
max-width
:
780px
;
padding
:
1.25rem
;
margin
:
0
auto
;
}
.document-layout__separator-label
{
font-weight
:
bold
;
...
...
dist/styles/bootstrap-monotony.css
View file @
b83573c3
...
...
@@ -7672,21 +7672,16 @@ input[type=range]:-moz-focusring {
width
:
100%
;
display
:
block
;
}
.graph-doc-focus__header
{
padding
:
0.5rem
1.5rem
;
}
.right-handed
.graph-doc-focus__header
{
float
:
right
;
margin-left
:
32px
;
}
.left-handed
.graph-doc-focus__header
{
float
:
left
;
margin-right
:
32px
;
}
.graph-doc-focus__body
{
padding-top
:
13px
;
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
.graph-doc-focus
.document-layout__header
{
padding-top
:
initial
;
}
.graph-sidebar
{
...
...
@@ -8671,21 +8666,14 @@ a:focus, a:hover {
.side-panel
.texts-sidepanel__header
{
padding
:
0.75rem
1.25rem
;
font-size
:
20px
;
text-align
:
right
;
}
.right-handed
.side-panel
.texts-sidepanel__header
{
float
:
right
;
}
.left-handed
.side-panel
.texts-sidepanel__header
{
float
:
left
;
}
.side-panel
.texts-sidepanel__body
{
padding-left
:
1.25rem
;
padding-right
:
1.25rem
;
}
.side-panel
.texts-sidepanel__body
.document-layout__title
{
font-size
:
2
3
px
;
font-size
:
2
1
px
;
}
.side-panel
.texts-sidepanel__body
.document-layout__abstract__content
{
max-height
:
200px
;
...
...
@@ -9353,6 +9341,50 @@ select.form-control {
display
:
none
;
}
.phylo-doc-focus
{
scrollbar-width
:
none
;
overflow-y
:
scroll
;
background-color
:
#fff
;
height
:
100%
;
position
:
relative
;
z-index
:
0
;
}
.phylo-doc-focus
::-webkit-scrollbar
{
display
:
none
;
}
.phylo-doc-focus
::before
{
background
:
linear-gradient
(
to
top
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
white
45%
);
content
:
""
;
z-index
:
2
;
pointer-events
:
none
;
position
:
sticky
;
top
:
0
;
height
:
16px
;
width
:
100%
;
display
:
block
;
}
.phylo-doc-focus
::after
{
background
:
linear-gradient
(
to
bottom
,
rgba
(
255
,
255
,
255
,
0
)
0%
,
white
45%
);
content
:
""
;
pointer-events
:
none
;
position
:
sticky
;
bottom
:
0
;
height
:
16px
;
width
:
100%
;
display
:
block
;
}
.right-handed
.phylo-doc-focus__header
{
margin-left
:
32px
;
}
.left-handed
.phylo-doc-focus__header
{
margin-right
:
32px
;
}
.phylo-doc-focus
.document-layout__header
{
padding-top
:
initial
;
}
.phylo-sidebar
{
scrollbar-width
:
none
;
overflow-y
:
scroll
;
...
...
@@ -9531,32 +9563,34 @@ select.form-control {
.document-layout
{
position
:
relative
;
width
:
100%
;
max-width
:
780px
;
margin
:
0
auto
;
}
.document-layout__controls
{
float
:
right
;
color
:
#222222
;
.document-layout__header
{