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
vidjil
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
1,711
Issues
1,711
List
Boards
Labels
Service Desk
Milestones
Merge Requests
86
Merge Requests
86
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Operations
Operations
Incidents
Environments
Packages & Registries
Packages & Registries
Container Registry
Analytics
Analytics
CI / CD
Repository
Value Stream
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
vidjil
vidjil
Commits
1c18b3f0
Commit
1c18b3f0
authored
Apr 12, 2016
by
marc
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
css: add svg.css style sheet for svg export features
parent
56562513
Changes
8
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
79 additions
and
46 deletions
+79
-46
browser/css/Makefile
browser/css/Makefile
+4
-1
browser/css/dark.css
browser/css/dark.css
+26
-16
browser/css/dark.less
browser/css/dark.less
+4
-0
browser/css/light.css
browser/css/light.css
+26
-16
browser/css/light.less
browser/css/light.less
+4
-0
browser/css/vidjil.less
browser/css/vidjil.less
+11
-12
browser/index.html
browser/index.html
+2
-1
browser/js/graph.js
browser/js/graph.js
+2
-0
No files found.
browser/css/Makefile
View file @
1c18b3f0
LESSC
=
lessc
all
:
dark.css light.css
all
:
dark.css light.css
svg.css
dark.css
:
dark.less vidjil.less
$(LESSC)
dark.less dark.css
light.css
:
light.less vidjil.less
$(LESSC)
light.less light.css
svg.css
:
svg.less vidjil.less
$(LESSC)
svg.less svg.css
no
:
...
...
browser/css/dark.css
View file @
1c18b3f0
...
...
@@ -9,7 +9,8 @@ html {
min-width
:
1160px
;
min-height
:
250px
;
}
body
{
body
,
svg
{
font-family
:
ubuntulight
,
Arial
,
Helvetica
,
Sans-serif
;
font-size
:
13px
;
height
:
100%
;
...
...
@@ -201,7 +202,8 @@ line {
.axis_v
{
display
:
none
;
}
.axis_v_hidden
{
.axis_v_hidden
,
.axis_h_hidden
{
display
:
none
;
}
.axis_button
,
...
...
@@ -380,6 +382,7 @@ line {
overflow-x
:
hidden
;
height
:
calc
(
100%
-
30px
);
/*100% - list_menu height */
padding
:
2px
;
}
#list_data
{
...
...
@@ -515,7 +518,7 @@ line {
margin-left
:
2px
;
}
#new_name
{
font-family
:
monospace
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-weight
:
bold
;
}
.list_sort
{
...
...
@@ -554,7 +557,7 @@ line {
.seq-mobil
{
margin-left
:
475px
;
letter-spacing
:
0.12em
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
position
:
relative
;
bottom
:
3px
;
font-size
:
1em
;
...
...
@@ -603,6 +606,7 @@ line {
font-size
:
70%
;
letter-spacing
:
.428em
;
/* (1-.7) / .7 */
left
:
.214em
;
}
.highlight
{
...
...
@@ -753,8 +757,7 @@ span .substitution {
left
:
-webkit-calc
(
50%
-
250px
);
left
:
calc
(
50%
-
250px
);
}
/* Main style for <a>
Used in particular in .popup_container, on login screen, in news, in links to results (for patient list and patient info) */
/* Main style for <a> Used in particular in .popup_container, on login screen, in news, in links to results (for patient list and patient info) */
a
{
color
:
#839496
;
}
...
...
@@ -975,18 +978,25 @@ span.logo {
background
:
#3d24b6
;
background
:
-moz-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* FF3.6+ */
background
:
-webkit-gradient
(
linear
,
left
top
,
right
top
,
color-stop
(
0%
,
#3d24b6
),
color-stop
(
10%
,
#2448b5
),
color-stop
(
20%
,
#2487b8
),
color-stop
(
30%
,
#24b7ab
),
color-stop
(
40%
,
#24b86e
),
color-stop
(
50%
,
#24b730
),
color-stop
(
60%
,
#55b824
),
color-stop
(
70%
,
#92b724
),
color-stop
(
80%
,
#b89f24
),
color-stop
(
90%
,
#b25f23
),
color-stop
(
100%
,
#b82424
));
/* Chrome,Safari4+ */
background
:
-webkit-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* Chrome10+,Safari5.1+ */
background
:
-o-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* Opera 11.10+ */
background
:
-ms-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* IE10+ */
background
:
linear-gradient
(
to
right
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* W3C */
filter
:
"progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d24b6', endColorstr='#b82424',GradientType=1 )"
;
/* IE6-9 */
width
:
180px
;
height
:
8px
;
margin-top
:
4px
;
...
...
@@ -1000,7 +1010,7 @@ span.logo {
opacity
:
0.5
;
}
#test_result
{
font-family
:
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-weight
:
bold
;
position
:
absolute
;
width
:
100%
;
...
...
@@ -1447,18 +1457,18 @@ span.warningReads {
.flash_1
,
.log_1
{
font-weight
:
bold
;
background-color
:
#
DFF0D
8
;
background-color
:
#
dff0d
8
;
}
.flash_2
,
.log_2
{
font-weight
:
bold
;
background-color
:
#
F2DEAE
;
background-color
:
#
f2deae
;
}
.flash_3
,
.log_3
{
font-weight
:
bold
;
border-color
:
darkred
;
background-color
:
#
F2DEDE
;
background-color
:
#
f2dede
;
}
select
>
option
:hover
{
background-color
:
#333333
;
...
...
@@ -1511,7 +1521,7 @@ code,
kbd
,
samp
,
tt
{
font-family
:
monospace
,
monospace
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-size
:
1em
;
}
table
.log
{
...
...
@@ -1549,7 +1559,7 @@ table.log textarea {
padding
:
5px
0px
;
background
:
grey
;
color
:
white
;
font-family
:
monospace
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
white-space
:
pre-line
;
overflow
:
auto
;
max-height
:
100%
;
...
...
@@ -1558,7 +1568,7 @@ table.log textarea {
flex-grow
:
1
;
}
.tagColor0
{
background
:
#
DC322F
;
background
:
#
dc322f
;
}
.tagColor1
{
background
:
#cb4b16
;
...
...
@@ -1595,15 +1605,15 @@ table.log textarea {
text-align
:
center
;
}
.urgent_message
{
border
:
2px
solid
darkred
;
border
:
2px
solid
#8b0000
;
margin
:
3px
;
font-weight
:
bold
;
background-color
:
#
F2DEDE
;
background-color
:
#
f2dede
;
}
.info_message
{
border
:
1px
solid
#333333
;
margin
:
4px
;
background-color
:
#
DFF0D
8
;
background-color
:
#
dff0d
8
;
}
.notification
{
padding
:
3px
;
...
...
browser/css/dark.less
View file @
1c18b3f0
...
...
@@ -7,6 +7,10 @@
@secondary : #586e75;
@border : #284e55;
@default-font : ubuntulight, Arial, Helvetica, Sans-serif;
@bold-font : ubuntumedium, Arial Bold, Helvetica, Sans-serif;
@monospace-font : monospace, ubuntu_monobold, Courier New,monaco,terminal,courier,system;
@message_green1 : #DFF0D8;
@message_green2 : #F2DEAE;
@message_red : #F2DEDE;
...
...
browser/css/light.css
View file @
1c18b3f0
...
...
@@ -9,7 +9,8 @@ html {
min-width
:
1160px
;
min-height
:
250px
;
}
body
{
body
,
svg
{
font-family
:
ubuntulight
,
Arial
,
Helvetica
,
Sans-serif
;
font-size
:
13px
;
height
:
100%
;
...
...
@@ -201,7 +202,8 @@ line {
.axis_v
{
display
:
none
;
}
.axis_v_hidden
{
.axis_v_hidden
,
.axis_h_hidden
{
display
:
none
;
}
.axis_button
,
...
...
@@ -380,6 +382,7 @@ line {
overflow-x
:
hidden
;
height
:
calc
(
100%
-
30px
);
/*100% - list_menu height */
padding
:
2px
;
}
#list_data
{
...
...
@@ -515,7 +518,7 @@ line {
margin-left
:
2px
;
}
#new_name
{
font-family
:
monospace
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-weight
:
bold
;
}
.list_sort
{
...
...
@@ -554,7 +557,7 @@ line {
.seq-mobil
{
margin-left
:
475px
;
letter-spacing
:
0.12em
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
position
:
relative
;
bottom
:
3px
;
font-size
:
1em
;
...
...
@@ -603,6 +606,7 @@ line {
font-size
:
70%
;
letter-spacing
:
.428em
;
/* (1-.7) / .7 */
left
:
.214em
;
}
.highlight
{
...
...
@@ -753,8 +757,7 @@ span .substitution {
left
:
-webkit-calc
(
50%
-
250px
);
left
:
calc
(
50%
-
250px
);
}
/* Main style for <a>
Used in particular in .popup_container, on login screen, in news, in links to results (for patient list and patient info) */
/* Main style for <a> Used in particular in .popup_container, on login screen, in news, in links to results (for patient list and patient info) */
a
{
color
:
#657b83
;
}
...
...
@@ -975,18 +978,25 @@ span.logo {
background
:
#3d24b6
;
background
:
-moz-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* FF3.6+ */
background
:
-webkit-gradient
(
linear
,
left
top
,
right
top
,
color-stop
(
0%
,
#3d24b6
),
color-stop
(
10%
,
#2448b5
),
color-stop
(
20%
,
#2487b8
),
color-stop
(
30%
,
#24b7ab
),
color-stop
(
40%
,
#24b86e
),
color-stop
(
50%
,
#24b730
),
color-stop
(
60%
,
#55b824
),
color-stop
(
70%
,
#92b724
),
color-stop
(
80%
,
#b89f24
),
color-stop
(
90%
,
#b25f23
),
color-stop
(
100%
,
#b82424
));
/* Chrome,Safari4+ */
background
:
-webkit-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* Chrome10+,Safari5.1+ */
background
:
-o-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* Opera 11.10+ */
background
:
-ms-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* IE10+ */
background
:
linear-gradient
(
to
right
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* W3C */
filter
:
"progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d24b6', endColorstr='#b82424',GradientType=1 )"
;
/* IE6-9 */
width
:
180px
;
height
:
8px
;
margin-top
:
4px
;
...
...
@@ -1000,7 +1010,7 @@ span.logo {
opacity
:
0.5
;
}
#test_result
{
font-family
:
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-weight
:
bold
;
position
:
absolute
;
width
:
100%
;
...
...
@@ -1447,18 +1457,18 @@ span.warningReads {
.flash_1
,
.log_1
{
font-weight
:
bold
;
background-color
:
#
DFF0D
8
;
background-color
:
#
dff0d
8
;
}
.flash_2
,
.log_2
{
font-weight
:
bold
;
background-color
:
#
F2DEAE
;
background-color
:
#
f2deae
;
}
.flash_3
,
.log_3
{
font-weight
:
bold
;
border-color
:
darkred
;
background-color
:
#
F2DEDE
;
background-color
:
#
f2dede
;
}
select
>
option
:hover
{
background-color
:
#cccccc
;
...
...
@@ -1511,7 +1521,7 @@ code,
kbd
,
samp
,
tt
{
font-family
:
monospace
,
monospace
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-size
:
1em
;
}
table
.log
{
...
...
@@ -1549,7 +1559,7 @@ table.log textarea {
padding
:
5px
0px
;
background
:
grey
;
color
:
white
;
font-family
:
monospace
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
white-space
:
pre-line
;
overflow
:
auto
;
max-height
:
100%
;
...
...
@@ -1558,7 +1568,7 @@ table.log textarea {
flex-grow
:
1
;
}
.tagColor0
{
background
:
#
DC322F
;
background
:
#
dc322f
;
}
.tagColor1
{
background
:
#cb4b16
;
...
...
@@ -1595,15 +1605,15 @@ table.log textarea {
text-align
:
center
;
}
.urgent_message
{
border
:
2px
solid
darkred
;
border
:
2px
solid
#8b0000
;
margin
:
3px
;
font-weight
:
bold
;
background-color
:
#
F2DEDE
;
background-color
:
#
f2dede
;
}
.info_message
{
border
:
1px
solid
#cccccc
;
margin
:
4px
;
background-color
:
#
DFF0D
8
;
background-color
:
#
dff0d
8
;
}
.notification
{
padding
:
3px
;
...
...
browser/css/light.less
View file @
1c18b3f0
...
...
@@ -7,6 +7,10 @@
@secondary : #93a1a1;
@border : #b3c1c1;
@default-font : ubuntulight, Arial, Helvetica, Sans-serif;
@bold-font : ubuntumedium, Arial Bold, Helvetica, Sans-serif;
@monospace-font : monospace, ubuntu_monobold, Courier New,monaco,terminal,courier,system;
@message_green1 : #DFF0D8;
@message_green2 : #F2DEAE;
@message_red : #F2DEDE;
...
...
browser/css/vidjil.less
View file @
1c18b3f0
...
...
@@ -24,8 +24,8 @@ html{
min-height: 250px
}
body {
font-family:
ubuntulight, Arial, Helvetica, Sans-serif
;
body
, svg
{
font-family:
@default-font
;
font-size: 13px;
height : 100%;
margin:0px;
...
...
@@ -34,7 +34,7 @@ body {
}
.cloneName {
font-family:
ubuntumedium, Arial Bold, Helvetica, Sans-serif
;
font-family:
@bold-font
;
}
.seq-fixed .cloneName, .listElem .cloneName {
...
...
@@ -43,7 +43,7 @@ body {
/* for FF override */
textarea {
font-family:
ubuntulight, Arial, Helvetica, Sans-serif
;
font-family:
@default-font
;
font-size: 100%;
}
...
...
@@ -259,7 +259,7 @@ line {
display: none;
}
.axis_v_hidden{
.axis_v_hidden
, .axis_h_hidden
{
display: none;
}
...
...
@@ -646,7 +646,7 @@ line {
#new_name{
font-family:
monospace
;
font-family:
@monospace-font
;
font-weight:bold;
}
...
...
@@ -690,7 +690,7 @@ line {
.seq-mobil {
margin-left: @width_left_container;
letter-spacing: 0.12em;
font-family :
monospace, ubuntu_monobold, Courier New,monaco,terminal,courier,system
;
font-family :
@monospace-font
;
position: relative;
bottom: 3px;
font-size:1em;
...
...
@@ -910,9 +910,8 @@ span .substitution {
left: calc(~"50% - 250px");
}
/* Main style for <a> Used in particular in .popup_container, on login screen, in news, in links to results (for patient list and patient info) */
/* Main style for <a>
Used in particular in .popup_container, on login screen, in news, in links to results (for patient list and patient info) */
a {
color: @default;
...
...
@@ -1176,7 +1175,7 @@ span.logo
}
#test_result{
font-family :
Courier New,monaco,terminal,courier,system;
font-family :
@monospace-font;
font-weight: bold;
position: absolute;
width: 100%;
...
...
@@ -1719,7 +1718,7 @@ code,
kbd,
samp,
tt{
font-family:
monospace,monospace
;
font-family:
@monospace-font
;
font-size:1em;
}
...
...
@@ -1766,7 +1765,7 @@ display:flex;
padding:5px 0px;
background:grey;
color:white;
font-family:
monospace
;
font-family:
@monospace-font
;
white-space: pre-line;
overflow: auto;
max-height: 100%;
...
...
browser/index.html
View file @
1c18b3f0
...
...
@@ -109,7 +109,8 @@
</div>
<div
class=
"menu_box"
>
<a
class=
"buttonSelector"
id=
"export_analysis"
onclick=
"javascript:m.saveAnalysis()"
>
export analysis
</a>
<a
class=
"buttonSelector"
id=
"export_pdf"
onclick=
"javascript:pdf.makeGraph()"
>
export pdf (graph)
</a>
<a
class=
"buttonSelector"
id=
"export_svg1"
onclick=
"javascript:graph.resize(1400,800);m.exportSVG('visu2_svg')"
>
export SVG graph
</a>
<a
class=
"buttonSelector"
id=
"export_svg2"
onclick=
"javascript:sp.resize(1400,800);sp.fastForward();m.exportSVG('visu_svg')"
>
export SVG plot
</a>
<a
class=
"buttonSelector"
id=
"export_csv"
onclick=
"javascript:m.exportCSV()"
>
export csv (visible clones)
</a>
<a
class=
"buttonSelector"
id=
"export_fasta"
onclick=
"javascript:m.exportFasta()"
>
export fasta (selected clones)
</a>
</div>
...
...
browser/js/graph.js
View file @
1c18b3f0
...
...
@@ -277,6 +277,8 @@ Graph.prototype = {
this
.
resizeW
=
div_width
-
this
.
marge4
-
this
.
marge3
;
this
.
resizeH
=
div_height
-
this
.
marge5
;
this
.
maxLabelSize
=
(
this
.
resizeW
-
100
)
/
this
.
m
.
samples
.
order
.
length
;
this
.
vis
=
d3
.
select
(
"
#
"
+
this
.
id
+
"
_svg
"
)
.
attr
(
"
width
"
,
div_width
)
...
...
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