uBlock/src/css/asset-viewer.css
Raymond Hill e60042595c
Revisit the behavior of the click-to-subscribe content script
Related issue:
- https://github.com/uBlockOrigin/uBlock-issues/issues/763

Changes:

From now on, uBO will allow click-to-subscribe on only
a few select domains, currently:
- https://filterlists.com/
- https://github.com/
- https://github.io/

More domains can be added if and only the demonstration
is made that more than a marginal number of filter lists
can be subscribed from those domains.

The browser alert box is no longer used to confirm
subscription to a filter list. Instead, the asset
viewer has been expanded to serve that purpose. This
way, users can peruse at the content of a filter list
before subscribing to it.
2020-09-13 08:01:53 -04:00

77 lines
1.9 KiB
CSS

/**
uBlock Origin - a browser extension to block requests.
Copyright (C) 2014-present Raymond Hill
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see {http://www.gnu.org/licenses/}.
Home: https://github.com/gorhill/uBlock
*/
body {
border: 0;
display: flex;
flex-direction: column;
height: 100vh;
margin: 0;
overflow: hidden;
padding: 0;
width: 100vw;
}
#subscribe {
background-color: var(--bg-transient-notice);
display: flex;
flex-shrink: 0;
padding: 4px;
justify-content: space-between;
max-height: 6em;
}
#subscribe.hide {
display: none;
}
.logo {
flex-shrink: 0;
width: 2em;
}
#subscribePrompt {
display: inline-flex;
flex-direction: column;
padding: 0 0.5em;
}
#subscribePrompt > span {
font-weight: bold;
}
#subscribePrompt > a {
font-size: 14px;
word-break: break-all;
}
#subscribe > button {
align-self: center;
}
#subscribe > .fa-icon {
font-size: 20px;
}
body.loading #subscribe > button,
body:not(.loading) #subscribe > .fa-icon {
display: none;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
body.loading #subscribe > .fa-icon > svg {
animation: spin 1s steps(8) infinite;
}
#content {
flex-grow: 1;
}