Early Bird Registration for DrupalCon Portland 2024 is open! Register by 23:59 PST on 31 March 2024, to get $100 off your ticket.
Android 4, Chrome, Droid Razr Maxx:
Comment | File | Size | Author |
---|---|---|---|
Screenshot_2013-02-07-14-59-04.png | 107.21 KB | ezra-g |
Android 4, Chrome, Droid Razr Maxx:
Comment | File | Size | Author |
---|---|---|---|
Screenshot_2013-02-07-14-59-04.png | 107.21 KB | ezra-g |
Comments
Comment #1
rosemeria CreditAttribution: rosemeria commentedEzra,
Easily fixed in global.style.scss, position call out not needed. The absolute position call makes it appear 5px from right side of the screen, not in the node links -- delete position: absolute from flag-inappropriate_node class
line 831 (global.style.scss)
&.flag-inappropriate_node {
float: none;
position: absolute; //delete this
bottom: 5px;
right: 5px;
}
Should be:
&.flag-inappropriate_node {
float: none;
bottom: 5px;
right: 5px;
}
line 817 (global.style.css)
page-node .node nav li.flag-inappropriate_node {
float: none;
position: absolute; // delete this
bottom: 5px;
right: 5px;
}
Should be:
page-node .node nav li.flag-inappropriate_node {
float: none;
bottom: 5px;
right: 5px;
}
Comment #2
Topcheese CreditAttribution: Topcheese commentedI will have to look into this on my system. On firefox the link appears much further to the right.
Comment #3
rosemeria CreditAttribution: rosemeria commentedHi Topcheese,
The link appears 5px from the right side of your browser screen, so it will float around depending on how big your browser screen is. On a mobile screen which is small it will float on top of stuff -- because it is absolute positioning.
Easy to test, just take out one line -- at line 817 page-node .node nav li.flag-inappropriate_node (global.style.css)
page-node .node nav li.flag-inappropriate_node {
float: none;
position: absolute; // delete this line
bottom: 5px;
right: 5px;
}
Comment #4
chris.rochford CreditAttribution: chris.rochford commentedRemoved absolute position, now appears inline with the other inline-links.