GITHUB . COM {}

Detected CMS Systems:

Wordpress (2 occurrences)

Analyzed Page
Matching Content Categories
CMS
Monthly Traffic Estimate
How Does Github.com Make Money
How Much Does Github.com Make
Wordpress Themes And Plugins
Keywords
Topics
Payment Methods
Questions
Schema
External Links
Analytics And Tracking
Libraries
Hosting Providers

We are analyzing https://github.com/squidfunk/mkdocs-material/issues/6760.

Title:
Long abbreviations span large width and wrong position in the table · Issue #6760 · squidfunk/mkdocs-material
Description:
Context No response Bug description When having long abbreviations, the tooltip will span the entire screen (I think it's related to this fix: #4810 (comment) ) However, this is not so easy to ...
Website Age:
17 years and 8 months (reg. 2007-10-09).

Matching Content Categories {📚}

Technology & Computing
Social Networks
Mobile Technology & AI

Content Management System {📝}

What CMS is github.com built with?

Github.com relies on WORDPRESS.

Traffic Estimate {📈}

What is the average monthly size of github.com audience?

🚀🌠 Tremendous Traffic: 10M - 20M visitors per month

Based on our best estimate, this website will receive around 10,000,019 visitors per month in the current month.
However, some sources were not loaded, we suggest to reload the page to get complete results.

check SE Ranking
check Ahrefs
check Similarweb
check Ubersuggest
check Semrush

How Does Github.com Make Money? {💸}

Subscription Packages {💳}

We've located a dedicated page on github.com that might include details about subscription plans or recurring payments. We identified it based on the word pricing in one of its internal links. Below, you'll find additional estimates for its monthly recurring revenues.

How Much Does Github.com Make? {💰}

Subscription Packages {💳}

Prices on github.com are in US Dollars ($). They range from $4.00/month to $21.00/month.
We estimate that the site has approximately 4,989,889 paying customers.
The estimated monthly recurring revenue (MRR) is $20,957,532.
The estimated annual recurring revenues (ARR) are $251,490,385.

Wordpress Themes and Plugins {🎨}

What WordPress theme does this site use?

It is strange but we were not able to detect any theme on the page.

What WordPress plugins does this website use?

It is strange but we were not able to detect any plugins on the page.

Keywords {🔍}

squidfunk, tooltip, issue, lexachoc, commented, bug, mdtooltipwidth, width, position, screen, resolved, open, sign, long, abbreviations, span, wrong, related, rem, tooltips, owner, navigation, projects, table, closed, comment, mentioned, version, reproduction, fixed, author, reply, kamilkrzyskow, css, fontsize, mkdocsmaterial, issues, pull, requests, discussions, actions, security, large, description, response, entire, fix, read, browser, larger,

Topics {✒️}

refactor/tooltip-positioning branch 9-long-abbreviations-issue pip install git+https possibly related issues /squidfunk/mkdocs-material long abbreviations open projects 112 mkdocs-material version md-tooltip-width tooltips span bug resolved issue improved tooltips render implement footnote tooltips bug reporting guidelines lexachoc closed projects milestone squidfunk closed default tooltip fontsize discussions temporary makeshift solution comment metadata assignees keeping open screen size larger tooltip width squidfunk reopened squidfunk mentioned normal width span md-tooltip bug report days ☺️ install larger screen tooltip div tooltip implementation screen size attached links font-size width entire screen stylesheets/extra expected behaviors behaviors mentioned zip steps zip file minimal reproduction instant previews back port business logic extra css works great

Payment Methods {📊}

Braintree

Questions {❓}

Already have an account?

Schema {🗺️}

DiscussionForumPosting:
      context:https://schema.org
      headline:Long abbreviations span large width and wrong position in the table
      articleBody:### Context _No response_ ### Bug description When having long abbreviations, the tooltip will span the entire screen (I think it's related to this fix: https://github.com/squidfunk/mkdocs-material/issues/4810#issuecomment-1369065888 ) However, this is not so easy to read when using the desktop browser or a larger screen. ![image](https://github.com/squidfunk/mkdocs-material/assets/20377719/ec3c03bf-720e-4f1e-962f-630faaef2e8f) I would expect that the tooltip width to be shorter (normal width but wrapped), I tried to change the `--md-tooltip-width` by including: - stylesheets/extra.css ```css :root { --md-tooltip-width: 20rem !important; } ``` But this doesn't work. I also noticed that the tooltip is rendered in the wrong position when within a table: ![image](https://github.com/squidfunk/mkdocs-material/assets/20377719/4c5d409f-cfeb-45fa-b39c-b5b0e76ff50c) It is related to #4217 So three expected behaviors: 1. Tooltips span the entire screen only when the screen size is smaller than the value of `--md-tooltip-width`. 2. When screen size larger than the value of `--md-tooltip-width`, the value of `--md-tooltip-width` is used as the width of the tooltip div. 3. If tooltip in tables, the position of the tooltip should be correct and should follow the two behaviors mentioned above. Chrome: Version 121.0.6167.161 Edge: Version 121.0.2277.112 mkdocs-material version: 9.5.9 ### Related links - https://github.com/squidfunk/mkdocs-material/issues/4810#issuecomment-1369065888 - https://github.com/squidfunk/mkdocs-material/issues/4217 ### Reproduction [9.5.9-long-abbreviations-issue.zip](https://github.com/squidfunk/mkdocs-material/files/14231176/9.5.9-long-abbreviations-issue.zip) ### Steps to reproduce 1. unzip 2. run `mkdocs serve` in terminal 3. go to http://localhost:8000/ ### Browser _No response_ ### Before submitting - [X] I have read and followed the [bug reporting guidelines](https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/). - [X] I have attached links to [the documentation](https://squidfunk.github.io/mkdocs-material/), and possibly related [issues](https://github.com/squidfunk/mkdocs-material/issues) and [discussions](https://github.com/squidfunk/mkdocs-material/discussions). - [X] I assure that I have [removed all customizations](https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/#remove-customizations) before submitting this bug report. - [X] I have attached a __.zip file__ with a [minimal reproduction](https://squidfunk.github.io/mkdocs-material/guides/creating-a-reproduction/).
      author:
         url:https://github.com/Lexachoc
         type:Person
         name:Lexachoc
      datePublished:2024-02-11T03:02:06.000Z
      interactionStatistic:
         type:InteractionCounter
         interactionType:https://schema.org/CommentAction
         userInteractionCount:11
      url:https://github.com/6760/mkdocs-material/issues/6760
      context:https://schema.org
      headline:Long abbreviations span large width and wrong position in the table
      articleBody:### Context _No response_ ### Bug description When having long abbreviations, the tooltip will span the entire screen (I think it's related to this fix: https://github.com/squidfunk/mkdocs-material/issues/4810#issuecomment-1369065888 ) However, this is not so easy to read when using the desktop browser or a larger screen. ![image](https://github.com/squidfunk/mkdocs-material/assets/20377719/ec3c03bf-720e-4f1e-962f-630faaef2e8f) I would expect that the tooltip width to be shorter (normal width but wrapped), I tried to change the `--md-tooltip-width` by including: - stylesheets/extra.css ```css :root { --md-tooltip-width: 20rem !important; } ``` But this doesn't work. I also noticed that the tooltip is rendered in the wrong position when within a table: ![image](https://github.com/squidfunk/mkdocs-material/assets/20377719/4c5d409f-cfeb-45fa-b39c-b5b0e76ff50c) It is related to #4217 So three expected behaviors: 1. Tooltips span the entire screen only when the screen size is smaller than the value of `--md-tooltip-width`. 2. When screen size larger than the value of `--md-tooltip-width`, the value of `--md-tooltip-width` is used as the width of the tooltip div. 3. If tooltip in tables, the position of the tooltip should be correct and should follow the two behaviors mentioned above. Chrome: Version 121.0.6167.161 Edge: Version 121.0.2277.112 mkdocs-material version: 9.5.9 ### Related links - https://github.com/squidfunk/mkdocs-material/issues/4810#issuecomment-1369065888 - https://github.com/squidfunk/mkdocs-material/issues/4217 ### Reproduction [9.5.9-long-abbreviations-issue.zip](https://github.com/squidfunk/mkdocs-material/files/14231176/9.5.9-long-abbreviations-issue.zip) ### Steps to reproduce 1. unzip 2. run `mkdocs serve` in terminal 3. go to http://localhost:8000/ ### Browser _No response_ ### Before submitting - [X] I have read and followed the [bug reporting guidelines](https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/). - [X] I have attached links to [the documentation](https://squidfunk.github.io/mkdocs-material/), and possibly related [issues](https://github.com/squidfunk/mkdocs-material/issues) and [discussions](https://github.com/squidfunk/mkdocs-material/discussions). - [X] I assure that I have [removed all customizations](https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/#remove-customizations) before submitting this bug report. - [X] I have attached a __.zip file__ with a [minimal reproduction](https://squidfunk.github.io/mkdocs-material/guides/creating-a-reproduction/).
      author:
         url:https://github.com/Lexachoc
         type:Person
         name:Lexachoc
      datePublished:2024-02-11T03:02:06.000Z
      interactionStatistic:
         type:InteractionCounter
         interactionType:https://schema.org/CommentAction
         userInteractionCount:11
      url:https://github.com/6760/mkdocs-material/issues/6760
Person:
      url:https://github.com/Lexachoc
      name:Lexachoc
      url:https://github.com/Lexachoc
      name:Lexachoc
InteractionCounter:
      interactionType:https://schema.org/CommentAction
      userInteractionCount:11
      interactionType:https://schema.org/CommentAction
      userInteractionCount:11

External Links {🔗}(18)

Analytics and Tracking {📊}

Site Verification - Google

Libraries {📚}

Clipboard.js
D3.js
Lodash

Emails and Hosting {✉️}

Mail Servers:

aspmx.l.google.com
alt1.aspmx.l.google.com
alt2.aspmx.l.google.com
alt3.aspmx.l.google.com
alt4.aspmx.l.google.com

Name Servers:

dns1.p08.nsone.net
dns2.p08.nsone.net
dns3.p08.nsone.net
dns4.p08.nsone.net
ns-1283.awsdns-32.org
ns-1707.awsdns-21.co.uk
ns-421.awsdns-52.com
ns-520.awsdns-01.net

8.62s.