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
142
Issues
142
List
Board
Labels
Milestones
Merge Requests
4
Merge Requests
4
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
4b83e30d
Commit
4b83e30d
authored
5 years ago
by
Przemyslaw Kaminski
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
[Graph] some range slider styling
parent
7eb07ced
Changes
4
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
43 additions
and
25 deletions
+43
-25
range-slider.css
dist/styles/range-slider.css
+15
-8
range-slider.sass
dist/styles/range-slider.sass
+23
-14
RangeControl.purs
src/Gargantext/Components/GraphExplorer/RangeControl.purs
+1
-1
RangeSlider.purs
src/Gargantext/Components/RangeSlider.purs
+4
-2
No files found.
dist/styles/range-slider.css
View file @
4b83e30d
.range-slider
{
.range
{
width
:
400px
;
}
.range
.range-slider
{
position
:
relative
;
}
.range-slider
.scale
{
.range
.range
-slider
.scale
{
position
:
absolute
;
background-color
:
#555
;
}
.range-slider
.knob
{
.range
.range
-slider
.knob
{
position
:
absolute
;
cursor
:
pointer
;
-moz-user-select
:
none
;
-webkit-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
;
-o-user-select
:
none
;
}
.range-slider
.knob
.button
{
.range
.range
-slider
.knob
.button
{
margin-top
:
-3px
;
background
:
#f00
;
width
:
10px
;
height
:
10px
;
border-radius
:
50%
;
background
:
#eee
;
width
:
30px
;
height
:
20px
;
}
/*# sourceMappingURL=range-slider.css.map */
This diff is collapsed.
Click to expand it.
dist/styles/range-slider.sass
View file @
4b83e30d
.range
-slider
position
:
relative
.range
width
:
400px
.scale
position
:
absolute
background-color
:
#555
.range-slider
position
:
relative
.knob
position
:
absolute
cursor
:
pointer
.scale
position
:
absolute
background-color
:
#555
.button
margin-top
:
-3px
.knob
position
:
absolute
cursor
:
pointer
-moz-user-select
:
none
-webkit-user-select
:
none
-ms-user-select
:
none
user-select
:
none
-o-user-select
:
none
background
:
#f00
width
:
10px
height
:
10px
border-radius
:
50%
.button
margin-top
:
-3px
//background: #f00
background
:
#eee
width
:
30px
height
:
20px
//border-radius: 50%
This diff is collapsed.
Click to expand it.
src/Gargantext/Components/GraphExplorer/RangeControl.purs
View file @
4b83e30d
...
...
@@ -29,7 +29,7 @@ rangeControlCpt = R.hooksComponent "RangeButton" cpt
where
cpt {caption, sliderProps} _ = do
pure $
H.span {}
H.span {
className: "range"
}
[ H.label {} [ H.text caption ]
, RS.rangeSlider sliderProps
]
...
...
This diff is collapsed.
Click to expand it.
src/Gargantext/Components/RangeSlider.purs
View file @
4b83e30d
...
...
@@ -154,8 +154,10 @@ renderScale ref {width,height} (Range.Closed {min, max}) =
renderKnob :: Knob -> R.Ref (Nullable DOM.Element) -> Range.NumberRange -> Bounds -> R2.StateSetter (Maybe Knob) -> Int -> R.Element
renderKnob knob ref (Range.Closed value) bounds set precision =
H.div { ref, tabIndex, className, aria, onMouseDown, style } [
H.div { className: "button" } []
, H.text $ text $ toFixed precision val
H.div { className: "button" }
[
H.text $ text $ toFixed precision val
]
]
where
text (Just num) = num
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
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