Фонд Раскрыть размер на маленьком экране - PullRequest
Новая
       42

Фонд Раскрыть размер на маленьком экране

0 голосов
/ 28 декабря 2018

Я использую модал показа, но я обнаружил - как задокументировано - что на маленьких экранах показ составляет 100% ширины и высоты экрана, в то время как мне нужно немного места ... любая идея?

Спасибо

Ответы [ 2 ]

0 голосов
/ 14 мая 2019

У меня та же проблема.Раскрытие Фонда заставляет ВСЕ модалы на «маленьком» переходить на полный экран.Я хотел бы, чтобы в некоторых случаях отключить это для некоторых отдельных модальных.Я посмотрел в файле настроек, и, кажется, нет возможности для этого.Создание моего собственного CSS для переопределения одного этого было бы недостаточно, так каккартина также использует JavaScript, чтобы установить расстояние от вершины области просмотра.

В идеале мы могли бы иметь класс или атрибут, такой как data-reve-small-full = "false".

В качестве временного решения я создал принудительное переопределение отображаемых стилей, используемых для создания небольшого полноэкранного поведения.

/* Vertical center mixin
   ========================================================================== */

@mixin vertical-align($position: relative) {
    position: $position;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* Force override of default reveal fullscreen for small behaviour 
   ========================================================================== */

[data-reveal-small-full="false"] {
    @include breakpoint(small only) {
        @include vertical-align();
        border-radius: $reveal-radius;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        max-width: calc(100% - 20px);
        min-height: 0;
        width: $reveal-width;
    }
}
0 голосов
/ 28 декабря 2018

Вы не предоставили ни кода, ни дополнительной информации.

Вы можете использовать следующие классы для раскрытия или создать свои собственные в зависимости от ваших потребностей:

tiny<br> small<br> large<br> full

https://foundation.zurb.com/sites/docs/reveal.html#sizing

На маленьких экранах модальное значение всегда составляет 100% ширины экрана.На экранах среднего размера и больше ширина изменяется до 600px (см. Параметр $ diver-width).

...