Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
G
gitlab-ce
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
1
Merge Requests
1
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
nexedi
gitlab-ce
Commits
21b66fc7
Commit
21b66fc7
authored
Jan 08, 2018
by
Kushal Pandya
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Update styles for Geo Nodes app
parent
30d7ea14
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
107 additions
and
96 deletions
+107
-96
app/assets/stylesheets/pages/geo_nodes.scss
app/assets/stylesheets/pages/geo_nodes.scss
+107
-96
No files found.
app/assets/stylesheets/pages/geo_nodes.scss
View file @
21b66fc7
...
...
@@ -11,55 +11,44 @@
.page-subtitle
{
margin-bottom
:
24px
;
}
}
.geo-node-status
{
td
{
vertical-align
:
top
;
}
.help-block
{
width
:
135px
;
text-align
:
right
;
}
.node-info
{
font-weight
:
$gl-font-weight-bold
;
}
.event-timestamp
{
.health-message
{
padding
:
4px
8px
1px
;
background-color
:
$red-100
;
color
:
$red-500
;
border-radius
:
$border-radius-default
;
font-weight
:
normal
;
color
:
$theme-gray-800
;
}
}
.sync-status
{
font-weight
:
normal
;
svg
{
vertical-align
:
middle
;
}
.well-list.geo-nodes
{
li
{
position
:
relative
;
.sync-status-icon
svg
,
.sync-status-timestamp
{
fill
:
$theme-gray-700
;
color
:
$theme-gray-700
;
&
:hover
{
background
:
$white-light
;
}
&
.sync-status-failure
{
.sync-status-icon
svg
,
.sync-status-timestamp
{
fill
:
$red-700
;
color
:
$red-700
;
}
&
.node-disabled
,
&
.node-disabled
:hover
{
background-color
:
$gray-lightest
;
}
}
}
.advanced-geo-node-status-toggler
{
display
:
block
;
.node-badge
{
color
:
$white-light
;
display
:
inline-block
;
margin-left
:
5px
;
padding
:
0
5px
;
border-radius
:
3px
;
.show-advance-chevron
{
margin-top
:
2px
;
&
.primary-node
{
background-color
:
$blue-300
;
}
&
.current-node
{
background-color
:
$green-400
;
}
}
...
...
@@ -71,6 +60,10 @@
color
:
$gl-danger
;
}
.geo-node-offline
{
color
:
$theme-gray-950
;
}
.geo-node-disabled
{
color
:
$gray-darkest
;
}
...
...
@@ -79,84 +72,102 @@
color
:
$gray-darkest
;
}
.well-list.geo-nodes
{
li
{
position
:
relative
;
.geo-nodes
{
.node-url-warning
{
fill
:
$gl-warning
;
}
}
&
:hover
{
background
:
$white-light
;
.node-details-list
{
.node-detail-item
{
margin-top
:
14px
;
&
:first-child
{
margin-top
:
0
;
}
&
.node-disabled
,
&
.node-disabled
:hover
{
background-color
:
$gray-lightest
;
.node-detail-title
,
.node-detail-value
{
padding-left
:
$gl-col-padding
;
padding-right
:
$gl-col-padding
;
}
}
}
.advanced-geo-node-status-container
{
.btn-link
{
padding-left
:
0
;
padding-right
:
0
;
border-left
:
0
;
border-right
:
0
;
.node-detail-title
{
color
:
$theme-gray-700
;
}
.
fa
{
margin-
left
:
3
px
;
.
node-detail-value
{
margin-
top
:
4
px
;
}
}
}
.node-info
{
color
:
$gl-text-color
;
}
.node-detail-value-bold
{
font-weight
:
$gl-font-weight-bold
;
}
.geo-health
{
display
:
inline-block
;
margin-top
:
5px
;
white-space
:
pre-wrap
;
}
.node-detail-value-error
{
color
:
$gl-danger
;
}
.geo-nodes
{
.health-message
{
padding
:
1px
8px
;
background-color
:
$red-100
;
color
:
$red-500
;
border-radius
:
$border-radius-default
;
font-weight
:
500
;
}
}
.btn-show-advanced
{
padding-left
:
0
;
border
:
0
;
}
.geo-node-mismatch
{
color
:
$gl-danger
;
}
.node-health-status
{
display
:
inline-flex
;
.node-badge
{
color
:
$white-light
;
display
:
inline-block
;
margin-left
:
5px
;
padding
:
0
5px
;
border-radius
:
3px
;
.status-text
{
line-height
:
18px
;
}
}
&
.primary-node
{
background-color
:
$blue-300
;
}
.node-sync-settings
{
display
:
inline-flex
;
cursor
:
pointer
;
&
.current-node
{
background-color
:
$green-400
;
.sync-status-icon
{
margin-top
:
2px
;
fill
:
$theme-gray-700
;
}
}
.sync-status-event-info
,
.event-status-timestamp
{
color
:
$theme-gray-700
;
}
.event-status-timestamp
{
cursor
:
pointer
;
}
}
}
.node-actions
{
margin-top
:
10px
;
.geo-node-actions
{
display
:
inline-flex
;
justify-content
:
center
;
float
:
right
;
@media
(
min-width
:
$screen-md-min
)
{
position
:
absolute
;
right
:
15px
;
top
:
0
;
.node-action-container
{
margin
:
0
5px
;
&
:last-child
{
margin-right
:
$gl-padding
;
}
}
.btn
:not
(
:first-of-type
)
{
margin-left
:
10px
;
@media
(
max-width
:
$screen-sm-max
)
{
display
:
block
;
width
:
100%
;
.node-action-container
{
width
:
100%
;
margin
:
0
;
margin-top
:
10px
;
padding
:
0
10px
;
}
.btn-node-action
{
width
:
100%
;
}
}
}
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