← Back to team overview

mahara-contributors team mailing list archive

[Bug 1819807] Re: Search box overlaps navigaiton icons on right side of page

 

Hi Kevin

I dont seem to be able to replicate your issue of overlapping icons and
search box on top of the latest master branch of Mahara.

I can see that your margin: 25% does line up the searchbar with the
right sidebar, but we dont have this sidebar on some pages which leaves
the searchbar looking out of place. Currently, the searchbar is placed
with equal spacing after the icons which is its normal behaviour.

Thanks,
Liam

** Changed in: mahara
       Status: New => Invalid

-- 
You received this bug notification because you are a member of Mahara
Contributors, which is subscribed to Mahara.
Matching subscriptions: Subscription for all Mahara Contributors -- please ask on #mahara-dev or mahara.org forum before editing or unsubscribing it!
https://bugs.launchpad.net/bugs/1819807

Title:
  Search box overlaps navigaiton icons on right side of page

Status in Mahara:
  Invalid

Bug description:
  Mahara version: Mahara 18.10.1testing
  Browser: Chrome, Safari, Firefox windows edge
  OS: Mac
  PHP: 7.0
  Database: Mysql 8

  Issue:
  Search box is set with a right margin of 193px, but the icons on the right take up more than that space.

  Solution:
  change the lines 38 and 39 in htdocs/theme/raw/layout/nav/_navbar.scss to 
          right: 25%;   
          margin: 0;

  The 25% value is to match the layout grid to keep the right icons
  clear.

  Patch file with the change attached (A recompile of the css is
  necessary to confirm the change)

To manage notifications about this bug go to:
https://bugs.launchpad.net/mahara/+bug/1819807/+subscriptions


References