TRKJ/gitea
2
0
Fork 0
mirror of https://gitee.com/gitea/gitea synced 2025-11-04 00:20:25 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add attention blocks within quote blocks for Note and Warning (#21711)

Browse Source 
For each quote block, the first `**Note**` or `**Warning**` gets an icon
prepended to it and its text is colored accordingly. GitHub does this
(community/community#16925). [Initially requested on
Discord.](https://discord.com/channels/322538954119184384/322538954119184384/1038816475638661181)

### Before

![image](https://user-images.githubusercontent.com/20454870/200408558-bd318302-6ff9-4d56-996f-9190e89013ec.png)

### After

![image](https://user-images.githubusercontent.com/20454870/200658863-1bac6461-dae7-4bf2-abd2-672d209574e4.png)

Signed-off-by: Yarden Shoham <hrsi88@gmail.com>
Co-authored-by: delvh <dev.lh@web.de>
Co-authored-by: silverwind <me@silverwind.io>
This commit is contained in:
Yarden Shoham
2022-11-09 02:11:26 +02:00
committed by GitHub
parent 2ebab42934
commit cb83288530
4 changed files with 92 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
web_src/less/_base.less
View File

@@ -1732,6 +1732,20 @@ a.ui.card:hover,
border-radius: .15em;
}
.attention-icon {
vertical-align: text-top;
}
.attention-note {
font-weight: unset;
color: var(--color-info-text);
}
.attention-warning {
font-weight: unset;
color: var(--color-warning-text);
}
footer {
background-color: var(--color-footer);
border-top: 1px solid var(--color-secondary);