healthchecks/static/css/settings.css
Pēteris Caune 67560c96e1
Change icon CSS class prefix to work around Fanboy's filter list
Problem: if you use uBlock Origin, and enable the
"Fanboy's Social" filter list, Healthchecks does not show
Telegram or WhatsApp icons. This is because the filter list
contains "##.icon-telegram" and "##.icon-whatsapp" entries.

This commit changes the CSS class prefix to "ic-". So we're
now using icon classes like "ic-telegram" and "ic-whatsapp".

As a bonus, we save 2 bytes in HTML per displayed icon :-)
2021-02-03 10:44:35 +02:00

60 lines
818 B
CSS

.settings-title {
padding-bottom: 24px;
}
.settings-block {
padding: 24px;
}
.settings-block h2 {
margin: 0;
padding-bottom: 24px;
}
.page-project .ic-ok {
color: #5cb85c;
}
#close-account, #remove-project {
margin-left: 24px;
border-color: #d43f3a;
color: #d43f3a;
}
#close-account:hover, #remove-project:hover {
background-color: #ffebea;
}
.invite-suggestion {
color: #888;
}
#suggestions-row td {
border-top: 0;
font-size: 85%;
padding-top: 20px;
}
#team-table th {
border-top: 0;
}
#team-table .email {
max-width: 340px;
word-wrap: break-word;
}
.page-project .panel-footer {
max-width: 100%;
word-wrap: break-word;
}
#transfer-request {
border: 5px solid #ffdc3e;
}
#transfer-request .settings-block {
padding: 20px;
}