Skip to content
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.

Sign up for GitHub

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

Fixed color contrast issues on slides and info pages #1012

Merged
merged 7 commits into from
Jul 17, 2024
Merged

Fixed color contrast issues on slides and info pages #1012

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
08cad76
added color for 'report it' link
nwanduka Jul 15, 2024
109316d
changed bg-info color
nwanduka Jul 16, 2024
b91f0ea
change bg-info color
nwanduka Jul 16, 2024
c8ad34d
change bg-info color
nwanduka Jul 16, 2024
5b9c292
changed slide button bg color
nwanduka Jul 16, 2024
3d20b02
changed info button bg color
nwanduka Jul 16, 2024
a342292
changed DICOM button bg color
nwanduka Jul 16, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion apps/Info.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ <h1 class="h1">caMicroscope</h1>
<p style="font-weight: bold; font-size: 14pt;">Digital pathology image viewer with support for human/machine generated annotations and markups.</p>
<div style="align-content: center;">
<div class="btn-group" role="group">
<a href="./table.html"> <button style="border-color: white; border-radius: 5px 0 0 5px;" type="button" class="btn btn-secondary bg-info text-light" title="Slides Table"><i class="fas fa-list-alt"></i> Slides</button> </a>
<a href="./table.html"> <button style="border-color: white; border-radius: 5px 0 0 5px;" type="button" class="btn btn-secondary bg-dark text-light" title="Slides Table"><i class="fas fa-list-alt"></i> Slides</button> </a>
<button type="button" style="border-color: white;" class="btn btn-secondary bg-white text-dark" title="Information Dashboard"> <i class="fas fa-info-circle"></i> Info</button>
</div>
</div>
Expand Down
4 changes: 4 additions & 0 deletions apps/common.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,10 @@
color: whitesmoke;
}

.report-link {
color: #e5c1ea;
}

.company-name {
color: #e5c1ea;
}
Expand Down
2 changes: 1 addition & 1 deletion apps/info.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ footer{
background-color: #343a40 !important;
}
.bg-info {
background-color: #17a2b8!important;
background-color: #17a2b8 !important;
}
.page-container{
height:100vh;
Expand Down
4 changes: 2 additions & 2 deletions apps/table.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,7 @@ <h1 class="h1">caMicroscope</h1>
<div style="align-content: center;">
<div class="btn-group" role="group">
<button type="button" style="border-color: white;" class="btn btn-secondary bg-white text-dark margin-right: 10px; " title="Slides Table"><i class="fas fa-list-alt"></i> Slides</button>
<a href="./Info.html"> <button style="border-color: white; border-radius: 0 5px 5px 0; margin-left: 10px;" type="button" class="btn btn-secondary bg-info text-light" title="Information Dashboard"><i class="fas fa-info-circle"></i> Info</button> </a></div>
<a href="./Info.html"> <button style="border-color: white; border-radius: 0 5px 5px 0; margin-left: 10px;" type="button" class="btn btn-secondary bg-dark text-light" title="Information Dashboard"><i class="fas fa-info-circle"></i> Info</button> </a></div>
</div>
</div>
</div>
Expand Down Expand Up @@ -132,7 +132,7 @@ <h1 class="h1">caMicroscope</h1>
<div class="d-md-inline-flex" style="width:20%; margin-right: 30px;">
<div class="pl-md-2 pt-2">
<button type="button" data-bs-toggle="modal" data-bs-target="#dicom"
class="btn btn2 btn-success float-right w-md-100" style="background-color: cadetblue; padding: 7px; margin-right: 5px;" onclick="setDicomParams();"> <i
class="btn btn2 btn-success float-right w-md-100" style="background-color: #1C5B5D; padding: 7px; margin-right: 5px;" onclick="setDicomParams();"> <i
class="fas fa-server"></i>
<span class="ml-2">&nbsp;DICOM</span> </button>
</div>
Expand Down
Loading