joachim/FileRise
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add highlight to pauseResumeBtn

Browse Source
This commit is contained in:
Ryan
2025-03-23 02:43:16 -04:00
committed by GitHub
parent a9c7bb6493
commit 0215bd3d76
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
styles.css
View File

@@ -216,6 +216,7 @@ body.dark-mode header {
background-color: rgba(255, 255, 255, 0.2); background-color: rgba(255, 255, 255, 0.2);
} }
/* Folder Help Tooltip - Light Mode */
.folder-help-tooltip { .folder-help-tooltip {
background-color: #fff; background-color: #fff;
color: #333; color: #333;
@@ -225,6 +226,7 @@ body.dark-mode header {
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
} }
/* Folder Help Tooltip - Dark Mode */
body.dark-mode .folder-help-tooltip { body.dark-mode .folder-help-tooltip {
background-color: #333 !important; background-color: #333 !important;
color: #eee !important; color: #eee !important;
@@ -713,12 +715,25 @@ body.dark-mode .editor-header {
.material-icons.pauseResumeBtn { .material-icons.pauseResumeBtn {
color: black !important; color: black !important;
padding: 4px;
border-radius: 4px;
transition: background-color 0.2s ease, color 0.2s ease;
} }
body.dark-mode .material-icons.pauseResumeBtn { body.dark-mode .material-icons.pauseResumeBtn {
color: white !important; color: white !important;
} }
body.dark-mode .material-icons.pauseResumeBtn:hover {
background-color: rgba(255, 215, 0, 0.3);
color: #fff;
}
body:not(.dark-mode) .material-icons.pauseResumeBtn:hover {
background-color: rgba(0, 0, 0, 0.1);
color: #000;
}
#uploadProgressContainer ul { #uploadProgressContainer ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
@@ -1269,16 +1284,20 @@ body.dark-mode #fileListContainer {
/* =========================================================== /* ===========================================================
FOLDER TREE STYLES FOLDER TREE STYLES
=========================================================== */ =========================================================== */
/* Make breadcrumb links look clickable */
.breadcrumb-link { .breadcrumb-link {
cursor: pointer; cursor: pointer;
color: #007bff; color: #007bff;
/* Blue color, for example */
text-decoration: underline; text-decoration: underline;
} }
/* Change color on hover */
.breadcrumb-link:hover { .breadcrumb-link:hover {
color: #0056b3; color: #0056b3;
} }
/* Style for the selected breadcrumb */
.breadcrumb-link.selected { .breadcrumb-link.selected {
background-color: #e9ecef; background-color: #e9ecef;
font-weight: bold; font-weight: bold;
@@ -1334,11 +1353,17 @@ body.dark-mode #fileListContainer {
.image-modal-header { .image-modal-header {
display: flex; display: flex;
align-items: center; align-items: center;
/* Vertically center the text within a fixed height */
justify-content: center; justify-content: center;
/* Center horizontally */
white-space: nowrap; white-space: nowrap;
/* Prevent wrapping */
overflow: hidden; overflow: hidden;
/* Hide any overflowing text */
text-overflow: ellipsis; text-overflow: ellipsis;
/* Truncate with an ellipsis */
height: 25px; height: 25px;
/* Fixed height for a single line */
padding: 5px; padding: 5px;
margin-bottom: 10px; margin-bottom: 10px;
max-width: 90%; max-width: 90%;