sebastian-sauer/gitea-conventional-comments-button
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Cleanup css and use theme css variables

Browse Source 
makes it look more integrated in e.g. dark themes
This commit is contained in:
Sebastian Sauer 2023-07-27 22:43:33 +02:00
parent e551296f48
commit 394867d705
1 changed files with 9 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/inject/inject.css
View File

@ -1,22 +1,6 @@
.has-conventional-comments-buttons.comment-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
}
.has-conventional-comments-buttons.comment-toolbar .toolbar-text {
margin: 0;
}
.has-conventional-comments-buttons.comment-toolbar .uploading-container {
float: none;
margin-right: 0;
}
#conventionalCommentButtonContainer {
display: flex;
align-items: flex-end;
margin: 5px 0;
}
@ -33,11 +17,14 @@
width: 50px;
}
#conventionalCommentButtonContainer .buttonContainer.hasBlockingButton:focus {
width: 50px;
}
#conventionalCommentButtonContainer button {
margin-right: 0.5rem;
background: transparent;
border: none;
color: #666;
color: var(--color-secondary-dark-7);
height: 25px;
width: 25px;
outline: 0;
@ -49,25 +36,18 @@
}
#conventionalCommentButtonContainer button:hover {
color: #1068bf;
color: var(--color-primary-hover);
}
#conventionalCommentButtonContainer button:focus {
outline: 0;
}
.gl-dark #conventionalCommentButtonContainer button {
color: #999;
}
.gl-dark #conventionalCommentButtonContainer button:hover {
color: #63a6e9;
color: var(--color-primary-hover);
}
#conventionalCommentButtonContainer button.blocking {
color: red;
color: var(--color-red-badge);
}
#conventionalCommentButtonContainer button.blocking:hover {
color: #f57f6c;
color: var(--color-red-badge-hover-bg);
}