Android 4, Chrome, Droid Razr Maxx:

Screenshot_2013-02-07-14-59-04.png

CommentFileSizeAuthor
Screenshot_2013-02-07-14-59-04.png107.21 KBezra-g
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

rosemeria’s picture

Ezra,
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;
}

Topcheese’s picture

I will have to look into this on my system. On firefox the link appears much further to the right.

rosemeria’s picture

Hi 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;
}

chris.rochford’s picture

Status: Active » Fixed

Removed absolute position, now appears inline with the other inline-links.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.