Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
ensembl-web
ensembl-client
Commits
ad2f73dc
Commit
ad2f73dc
authored
Mar 08, 2019
by
Imran Salam
Browse files
make styling changes suggested by design review
parent
42d12a15
Changes
8
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
35 additions
and
7 deletions
+35
-7
src/ensembl/src/content/app/browser/browserReducer.ts
src/ensembl/src/content/app/browser/browserReducer.ts
+6
-1
src/ensembl/src/content/app/browser/drawer/Drawer.scss
src/ensembl/src/content/app/browser/drawer/Drawer.scss
+5
-2
src/ensembl/src/content/app/browser/drawer/drawer-views/DrawerTranscript.tsx
...tent/app/browser/drawer/drawer-views/DrawerTranscript.tsx
+2
-2
src/ensembl/src/content/app/browser/track-panel/TrackPanel.tsx
...nsembl/src/content/app/browser/track-panel/TrackPanel.tsx
+1
-0
src/ensembl/src/content/app/browser/track-panel/track-panel-bar/TrackPanelBar.tsx
...app/browser/track-panel/track-panel-bar/TrackPanelBar.tsx
+2
-0
src/ensembl/src/content/app/browser/track-panel/track-panel-bar/TrackPanelBarIcon.tsx
...browser/track-panel/track-panel-bar/TrackPanelBarIcon.tsx
+14
-1
src/ensembl/src/content/home/Home.tsx
src/ensembl/src/content/home/Home.tsx
+1
-1
src/ensembl/src/shared/privacy-banner/PrivacyBanner.scss
src/ensembl/src/shared/privacy-banner/PrivacyBanner.scss
+4
-0
No files found.
src/ensembl/src/content/app/browser/browserReducer.ts
View file @
ad2f73dc
...
...
@@ -80,7 +80,12 @@ function browserInfo(
case
getType
(
browserActions
.
toggleGenomeSelector
):
return
{
...
state
,
genomeSelectorActive
:
action
.
payload
};
case
getType
(
browserActions
.
selectBrowserTab
):
return
{
...
state
,
selectedBrowserTab
:
action
.
payload
};
return
{
...
state
,
selectedBrowserTab
:
action
.
payload
,
trackPanelModalOpened
:
false
,
trackPanelModalView
:
''
};
default
:
return
state
;
}
...
...
src/ensembl/src/content/app/browser/drawer/Drawer.scss
View file @
ad2f73dc
...
...
@@ -38,10 +38,13 @@
}
.mainDetail
{
bottom
:
3px
;
font-size
:
16px
;
font-weight
:
$bold
;
position
:
relative
;
}
.secondaryDetail
{
font-weight
:
$light
;
margin-left
:
10px
;
}
}
...
...
src/ensembl/src/content/app/browser/drawer/drawer-views/DrawerTranscript.tsx
View file @
ad2f73dc
...
...
@@ -30,7 +30,7 @@ const DrawerTranscript: FunctionComponent<DrawerTranscriptProps> = (
<
div
className
=
{
styles
.
details
}
>
<
p
>
<
span
className
=
{
styles
.
mainDetail
}
>
{
transcriptStableId
}
</
span
>
<
span
className
=
{
styles
.
secondary
Info
}
>
{
selectedInfo
}
</
span
>
<
span
className
=
{
styles
.
secondary
Detail
}
>
{
selectedInfo
}
</
span
>
</
p
>
</
div
>
</
dd
>
...
...
@@ -40,7 +40,7 @@ const DrawerTranscript: FunctionComponent<DrawerTranscriptProps> = (
<
div
className
=
{
styles
.
details
}
>
<
p
>
<
span
>
{
geneSymbol
}
</
span
>
<
span
className
=
{
styles
.
secondary
Info
}
>
{
geneStableId
}
</
span
>
<
span
className
=
{
styles
.
secondary
Detail
}
>
{
geneStableId
}
</
span
>
</
p
>
</
div
>
</
dd
>
...
...
src/ensembl/src/content/app/browser/track-panel/TrackPanel.tsx
View file @
ad2f73dc
...
...
@@ -91,6 +91,7 @@ const TrackPanel: FunctionComponent<TrackPanelProps> = (
openTrackPanelModal
=
{
props
.
openTrackPanelModal
}
toggleDrawer
=
{
props
.
toggleDrawer
}
toggleTrackPanel
=
{
props
.
toggleTrackPanel
}
trackPanelModalOpened
=
{
props
.
trackPanelModalOpened
}
trackPanelModalView
=
{
props
.
trackPanelModalView
}
trackPanelOpened
=
{
props
.
trackPanelOpened
}
/>
...
...
src/ensembl/src/content/app/browser/track-panel/track-panel-bar/TrackPanelBar.tsx
View file @
ad2f73dc
...
...
@@ -16,6 +16,7 @@ type TrackPanelBarProps = {
openTrackPanelModal
:
(
trackPanelModalView
:
string
)
=>
void
;
toggleDrawer
:
(
drawerOpened
:
boolean
)
=>
void
;
toggleTrackPanel
:
(
trackPanelOpened
?:
boolean
)
=>
void
;
trackPanelModalOpened
:
boolean
;
trackPanelModalView
:
string
;
trackPanelOpened
:
boolean
;
};
...
...
@@ -57,6 +58,7 @@ const TrackPanelBar: FunctionComponent<TrackPanelBarProps> = (
iconConfig
=
{
item
}
closeTrackPanelModal
=
{
props
.
closeTrackPanelModal
}
openTrackPanelModal
=
{
props
.
openTrackPanelModal
}
trackPanelModalOpened
=
{
props
.
trackPanelModalOpened
}
trackPanelModalView
=
{
props
.
trackPanelModalView
}
/>
))
}
...
...
src/ensembl/src/content/app/browser/track-panel/track-panel-bar/TrackPanelBarIcon.tsx
View file @
ad2f73dc
import
React
,
{
FunctionComponent
,
memo
,
useState
,
useCallback
}
from
'
react
'
;
import
React
,
{
FunctionComponent
,
memo
,
useState
,
useCallback
,
useEffect
}
from
'
react
'
;
import
{
TrackPanelBarItem
}
from
'
./trackPanelBarConfig
'
;
import
styles
from
'
./TrackPanelBarIcon.scss
'
;
...
...
@@ -7,6 +13,7 @@ type TrackPanelBarIconProps = {
closeTrackPanelModal
:
()
=>
void
;
iconConfig
:
TrackPanelBarItem
;
openTrackPanelModal
:
(
trackPanelModalView
:
string
)
=>
void
;
trackPanelModalOpened
:
boolean
;
trackPanelModalView
:
string
;
};
...
...
@@ -14,6 +21,12 @@ const TrackPanelBarIcon: FunctionComponent<TrackPanelBarIconProps> = memo(
(
props
:
TrackPanelBarIconProps
)
=>
{
const
[
toggleState
,
setToggleState
]
=
useState
(
false
);
useEffect
(()
=>
{
if
(
props
.
trackPanelModalOpened
===
false
)
{
setToggleState
(
false
);
}
},
[
props
.
trackPanelModalOpened
]);
const
toggleModalView
=
useCallback
(()
=>
{
const
newToggleState
:
boolean
=
!
toggleState
;
...
...
src/ensembl/src/content/home/Home.tsx
View file @
ad2f73dc
...
...
@@ -55,7 +55,7 @@ const Home: FunctionComponent<HomeProps> = (props: HomeProps) => {
<
h2
>
Find
</
h2
>
<
p
>
<
input
type
=
"text"
placeholder
=
"Name, symbol or ID"
/>
<
button
disabled
=
{
true
}
>
Go
</
button
>
{
/*
<button disabled={true}>Go</button>
*/
}
</
p
>
<
div
className
=
{
styles
.
filter
}
>
<
h2
>
Refine results
</
h2
>
...
...
src/ensembl/src/shared/privacy-banner/PrivacyBanner.scss
View file @
ad2f73dc
...
...
@@ -20,4 +20,8 @@
margin-left
:
30px
;
padding
:
6px
18px
;
}
a
{
font-weight
:
$bold
;
}
}
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