File tree Expand file tree Collapse file tree 4 files changed +22
-35
lines changed
Expand file tree Collapse file tree 4 files changed +22
-35
lines changed Original file line number Diff line number Diff line change 1- .js-notice {
1+ .net-neutral-header {
22 position : fixed;
33 left : 0 ;
44 top : 0 ;
55 width : 100% ;
66 padding : 0 ;
77}
8-
9- .f5 {
10- font-size : 14px !important ;
11- }
12-
13- .px-3 {
14- padding-right : 16px !important ;
15- padding-left : 16px !important ;
16- }
17- .py-2 {
18- padding-top : 8px !important ;
19- padding-bottom : 8px !important ;
20- }
21- .text-white {
22- color : # fff !important ;
8+ .net-neutral-header-div {
9+ font-size : 14px ;
10+ padding-right : 16px ;
11+ padding-left : 16px ;
12+ padding-top : 8px ;
13+ padding-bottom : 8px ;
14+ color : # fff !important ;
15+ background-color : # d73a49 !important ;
16+ border-radius : 0 !important ;
2317}
24- .bg-red {
25- background-color : # d73a49 !important ;
26- }
27- .rounded-0 {
28- border-radius : 0 !important ;
29- }
30-
3118
3219.d-flex {
3320 display : -webkit-box !important ;
@@ -51,20 +38,20 @@ b, strong {
5138 font-weight : 600 ;
5239}
5340
54- @media (max-width : 850px )
55- .d-sm-inline-block {
56- display : none !important ;
57- }
58- .d-none {
59- display : inline-block !important ;
41+ @media (max-width : 850px ) {
42+ .subtitle {
43+ display : none;
44+ }
45+ .sticky-header {
46+ display : inline-block;
47+ }
6048}
6149
6250form {
6351 display : block;
6452 margin-top : 0em ;
6553}
6654.btn {
67- background-image : none;
6855 border : 1px solid white;
6956 border-radius : 0.25em ;
7057 line-height : 1.5em ;
Original file line number Diff line number Diff line change 3838 <!-- End Google Analytics -->
3939</ head >
4040< body >
41- < section class ="js-notice ">
42- < div class ="py-2 px-3 f5 text-white bg-red rounded-0 ">
43- < div class ="d-flex flex-justify-between flex-items-center mx-auto " style ="max-width: 980px; ">
41+ < section class ="net-neutral-header ">
42+ < div class ="net-neutral-header-div ">
43+ < div class ="sticky-header " style ="max-width: 980px; ">
4444 < div >
4545 < strong > The vote is over, but the fight for net neutrality isn’t.</ strong >
46- < span class ="d-none d-sm-inline-block "> Show your support for a free and open internet.</ span >
46+ < span class ="subtitle "> Show your support for a free and open internet.</ span >
4747 </ div >
4848 < form accept-charset ="UTF-8 " action ="/settings/dismiss-notice/netneutrality_banner " class ="js-notice-dismiss " data-remote ="true " method ="post "> < div style ="margin:0;padding:0;display:inline "> < input name ="utf8 " type ="hidden " value ="✓ "> < input name ="authenticity_token " type ="hidden " value ="D1DVgtgcvTPo7o9x9VpisDXgmtEqJCx+BlM9TZbRX0d7kCq7/6gaUeAMwuRYI+hge84FU9vj+PzgJMfeYYse0Q== "> </ div >
4949 < a class ="btn border-0 " href ="https://github.com/save-net-neutrality "> Learn more</ a >
Original file line number Diff line number Diff line change 11$ ( document ) . ready ( function ( ) {
22console . log ( "ready!" ) ;
33 $ ( ".btn-link" ) . click ( function ( ) {
4- $ ( ".js-notice " ) . hide ( ) ;
4+ $ ( ".net-neutral-header " ) . hide ( ) ;
55 } )
66} ) ;
You can’t perform that action at this time.
0 commit comments