|
|
| (не показано 7 промежуточных версий этого же участника) |
| Строка 1: |
Строка 1: |
| .допуск-контейнер { | | .допуск-контейнер { |
| position: relative;
| | display: inline-block; |
| display: inline-block;
| | cursor: help; |
| cursor: help;
| |
| font-weight: bold;
| |
| border-bottom: 1px dotted #000; /* пунктирное подчёркивание */
| |
| } | | } |
|
| |
|
| .допуск-подсказка { | | .допуск-контейнер p { |
| visibility: hidden;
| | margin: 0; |
| max-width: 80vw; /* не шире 80% экрана */
| | text-decoration: dotted underline; |
| min-width: 30vw; /* минимальная ширина */
| |
| background-color: #2a2a2a; /* тёмный фон */
| |
| color: #f1f1f1; /* светлый текст */
| |
| text-align: left;
| |
| border-radius: 8px;
| |
| padding: 8px 12px; /* комфортные отступы */
| |
| position: absolute;
| |
| z-index: 10;
| |
| bottom: 130%;
| |
| left: 50%;
| |
| transform: translateX(-50%);
| |
| opacity: 0;
| |
| transition: opacity 0.25s ease-in-out;
| |
| font-size: 85%;
| |
| line-height: 1.35; /* сбалансированная высота строк */
| |
| box-shadow: 0 4px 12px rgba(0,0,0,0.35);
| |
| word-wrap: break-word;
| |
| white-space: normal; /* перенос слов */
| |
| } | | } |
|
| |
|
| .допуск-подсказка::after { | | .допуск-подсказка { |
| content: "";
| | display: none; |
| position: absolute;
| |
| top: 100%;
| |
| left: 50%;
| |
| margin-left: -6px;
| |
| border-width: 6px;
| |
| border-style: solid;
| |
| border-color: #2a2a2a transparent transparent transparent;
| |
| } | | } |
|
| |
|
| .допуск-контейнер:hover .допуск-подсказка { | | .tippy-content p { |
| visibility: visible;
| | margin: 0; |
| opacity: 1;
| | text-align: justify; |
| } | | } |
