Git Product home page Git Product logo

borg's People

Contributors

bugfolder avatar bwpanda avatar graham-72 avatar jenlampton avatar radcliffe avatar

Watchers

 avatar  avatar  avatar

borg's Issues

User profile links aren't centred on mobile

In a user's profile, the links to their website(s) aren't centred with the rest of the content on mobiles:

Screenshot-20200229-144549-Brave.png

This comes from this CSS, however I couldn't work out when/why this was added. Removing it fixes the issue, but I suspect it's there for a reason (I just don't agree with it).

I think links should be centered like everything else.

Typo in alt text for Twitter icon.

The alt text for the Twitter icon in the top right corner of the Backdrop CMS home page has a typo. It should read "Follow us on Twitter" instead of "Follow os on Twitter".

Better styling for inline code

Inline code is styled with a monospace font, but it's not obvious and can be hard to read:

image

I'd like to suggest similar styling to what GitHub uses (e.g. a background colour and padding. Here's what it could look like:

image

I just added the following CSS:

code {
  background: #eee;
  padding: 0.2em 0.5em;
  border-radius: 3px;
}

Note that this makes code blocks (e.g. <pre><code>...</code></pre> look a bit weird as the first line is indented slightly. I think this can be fixed by also adding the following CSS:

pre code {
  display: block;
  line-height: 1.5em;
}

Adjust the scale of the icons in the header.

We recently increased our base font size to bring our site up to google's minimum font size of 18px. In doing so, the icons in the header became HUGE and should be scaled down. Adding font-size: 14px; to those icons seems to do the trick.

Responsive header issues

This bug is visible on the API site when viewing on a screen size < 990px and > 768px.

image

The slogan doesn't wrap and sits on top of the absolutely positioned system-user-menu block.

Also, the system-user-menu block sits close to the bottom of the header and doesn't look nice anymore (since the font-size change I believe). Changing top: -5px; to top: -14px fixes this.

image

Borg theme hides description text on the user registration page

On the user registration page, any "description" text for a field is not displayed (there is CSS in components.css that sets it to display: none). This has the effect of hiding the useful information about the Username and Email address, as well as any description text in other fields that might be on that page.

Addressing the issue is not as simple as just removing that CSS, because restoring the description messes up the widths of the text boxes.

This can be seen on any of the backdropcms.org user registration pages, by going into the browser and clearing the CSS that hides the description fields. Example below from backdropcms.org: left is the current state, right is with the display:none commented out.

no_description

Grid format in Views throws an error

I tried to use the theme on a site that used the Grid format in Views, and when I looked at the Views page, it showed bunch of error messages, variants on these two:
Warning: Invalid argument supplied for foreach() in borg_preprocess_views_view_grid() (line 317 of /Applications/MAMP/htdocs/qdbackdrop/themes/borg/template.php).
....
Warning: Invalid argument supplied for foreach() in include() (line 25 of /Applications/MAMP/htdocs/qdbackdrop/themes/borg/templates/views-view-grid.tpl.php).

Fix menu when breakpoint changes

When one breakpoint changes to another, the menu can play up a bit. This is because the breakpoint value of, say, 48em is normally used as the min-width, but then sometimes it's used as the max-width. This means there's a 1px overlap where the menu does one thing when it should be doing another:

Peek 2022-07-07 22-20

This was originally brought up in backdrop-ops/backdropcms.org#506

'Submitted' info line height too high when text wraps

This issue was originally filed against the Forum repo since that's where the issue was noticed. However the code that causes the issue is in the Borg theme, hence this issue.

The submitted info for a forum post is vertically centred next to the author's image by setting the line-height to be the same height as the image. This works in most cases, except when the submitted info wraps to two lines. Then you get this:

We should work out a better way of vertically centring the submitted info so the line-height isn't affected...

Borg removes tabs from login page

The Borg theme removes the tabs from the login page (and other user/* pages:

$variables['tabs'] = FALSE;
This has the effect of hiding the link to reset your password.

On BackdropCMS.org this is fixed by adding a 'Forgot password?' link next to the Login button, however this happens in a custom module (https://github.com/backdrop-ops/backdropcms.org/blob/af96ca5a1df50ec30ac54d51e1d30eb033931b9b/www/modules/custom/borg_cleanup/borg_cleanup.module#L33), so other sites that use Borg (like Docs) have the reset link removed from the tabs area, but it's not added back anywhere...

I think if Borg removes the tabs, it should also add the link back where necessary (i.e. the code from the b.org custom module should be moved to the Borg theme).

The each() function is deprecated in PHP 7.4

We'll need to replace use of the each() function for PHP 7.4.

Deprecated function: The each() function is deprecated. This message will be suppressed on further calls in borg_book_next() (line 539 of borg/template.php). 

Undefined variable: more

BackdropCMS.org's log is full of these messages:

Notice: Undefined variable: more in include() (line 30 of /home/backdrop/repo/www/themes/borg/templates/node--project-search.tpl.php).

Didn't have time to look into it though.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.