-
Notifications
You must be signed in to change notification settings - Fork 4
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Graphical review skinning #225
base: develop
Are you sure you want to change the base?
Conversation
# Conflicts: # client/app/step-builder/step-builder/step-builder.component.html # client/app/step-builder/step-builder/step-builder.component.scss # client/app/step-builder/step-builder/step-builder.component.ts # client/app/task-builder/task-builder.component.html
<li class="nav-item ml-sm hidden-sm-down"><a class="nav-link" href="#"><img class="brand_logo" src="assets/images/builder_logo.png"/></a></li> | ||
<li class="nav-item ml-sm hidden-sm-down"><a class="nav-link" href="#"><h4 class="fw-semi-bold hidden-sm-down">SIMS Builder</h4></a></li> | ||
<li class="nav-item ml-sm hidden-sm-down"><a class="nav-link" href="#"><img class="brand_logo" src="assets/images/builder_logo_blue.png"/></a></li> | ||
<li class="nav-item ml-sm hidden-sm-down"><a class="nav-link" href="#"><h4 style="color: #005A8E" class="fw-semi-bold hidden-sm-down">SIMS Builder</h4></a></li> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please move inline style to scss file
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Added New SCSS File. CSS moved.
@@ -9,7 +9,7 @@ | |||
<!-- #notifications-dropdown-menu goes here when screen collapsed to xs or sm --> | |||
</div> | |||
<!-- main notification links are placed inside of .sidebar-nav --> | |||
<ul class="sidebar-nav"> | |||
<ul class="sidebar-nav" style="font-weight: 600;"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please move inline style to scss file
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Moved.
@@ -1,3 +1,4 @@ | |||
$card-border-blue:#5876B9; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please move variable to _variables.scss
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Color removed.
$progressbar-connector: #C1C1C1; | ||
$brand-info: #5dc4bf; | ||
$gray-dark: #343434; | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please move variable to _variables.scss
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Variable was not added in this pull request.
Moving corresponding CSS to SCSS file.
@@ -14,7 +14,7 @@ declare var jQuery: any; | |||
'[class.app]' : 'true', | |||
id: 'app' | |||
}, | |||
styles:['.fixed_navbar{position:fixed;} .searchForm{margin-top:2px;}'] | |||
styles:['.fixed_navbar{position:fixed;} .searchForm{margin-top:2px;} .sidebar{background-color: #383E4B}'] |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
add scss file and define color as a variable
ul.sidebar-nav{ | ||
font-weight: 600; | ||
} | ||
.sidebar-nav > li:last-child > a { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Color should be defined in variables
Skinning as per Option 2 of Graphical review.