f982a71997
- Add [`accent-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color) which will change the color of various native HTML elements from OS-color to specified one. Affects unstyled checkbox, radio, range and progress - Change `--color-accent` to `--color-primary-light-1` - Change progress bar color to `--color-accent` - Add new `--color-primary-contrast` meant to contrast over primary - Avoid layout shift on clicking `.viewed-file-form` - Add styles for `input[type=file]` upload button <img width="301" alt="Screen Shot 2022-10-21 at 18 05 35" src="https://user-images.githubusercontent.com/115237/197246896-7b3b5591-2934-4436-bf37-6aebcdfecb13.png"> <img width="98" alt="Screen Shot 2022-10-21 at 19 41 27" src="https://user-images.githubusercontent.com/115237/197256892-c8fc6a0a-5d2f-4757-a98b-a79f9b7fcbc5.png"> <img width="93" alt="image" src="https://user-images.githubusercontent.com/115237/197257029-293c02e9-ebf9-448a-a58f-ca418cf36953.png"> <img width="204" alt="Screen Shot 2022-10-21 at 18 21 24" src="https://user-images.githubusercontent.com/115237/197246957-a99f5178-bbd5-4204-bd32-7a6977026f76.png"> <img width="449" alt="Screen Shot 2022-10-21 at 18 56 59" src="https://user-images.githubusercontent.com/115237/197249305-d481abb7-9f16-4b48-936a-c75ed29f5b04.png"> <img width="449" alt="Screen Shot 2022-10-21 at 18 57 09" src="https://user-images.githubusercontent.com/115237/197249309-7ab70c3b-325e-41bc-a4ba-07402c6826b6.png"> Co-authored-by: delvh <dev.lh@web.de> Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
43 lines
792 B
Plaintext
43 lines
792 B
Plaintext
@import "tributejs/dist/tribute.css";
|
|
|
|
.tribute-container {
|
|
box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
|
|
border-radius: .25rem;
|
|
}
|
|
|
|
.tribute-container ul {
|
|
margin-top: 0 !important;
|
|
background: var(--color-body) !important;
|
|
}
|
|
|
|
.tribute-container li {
|
|
padding: 3px .5rem !important;
|
|
}
|
|
|
|
.tribute-container li span.fullname {
|
|
font-weight: normal;
|
|
font-size: .8rem;
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.tribute-container li.highlight,
|
|
.tribute-container li:hover {
|
|
background: var(--color-primary) !important;
|
|
color: var(--color-primary-contrast) !important;
|
|
}
|
|
|
|
.tribute-item {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.tribute-item .emoji,
|
|
.tribute-item img[src*="/avatar/"] {
|
|
margin-right: .5rem;
|
|
}
|
|
|
|
.tribute-container img {
|
|
width: 1.5rem !important;
|
|
height: 1.5rem !important;
|
|
}
|