Вопросы по теме 'material-design-lite'

Облегченные шрифты и значки Material Design
Как я могу использовать материальные шрифты и значки локально, потому что у меня не всегда есть доступ к Интернету, чтобы ссылаться на него через http. Кто-нибудь может мне помочь?
6194 просмотров
schedule 09.12.2022

Отключение тумблера Material Design Lite
Я пытаюсь создать некоторые элементы на странице с помощью JavaScript и оформить их с помощью нового Material Design Lite . Все работает до тех пор, пока я не попытаюсь начать отключать элементы программно после того, как элементы будут созданы....
5293 просмотров
schedule 19.10.2023

Что делает класс is-upgrade в material-design-lite и как он устанавливается?
Я реализую Material Design с помощью Material-Design-lite в приложении React. Когда я использую TextField с плавающей меткой в ​​моем верхнем компоненте, это работает. Но для компонента, вызываемого верхним компонентом, это не так. Затем TextField...
4849 просмотров
schedule 28.08.2023

mdl-textfield не учитывает изменения ngModel
Я столкнулся с проблемой, связанной с поведением mdl-textfield . На приведенном ниже plnkr выполните следующие действия: нажмите "группы работают" нажмите "копировать" на одном элементе посмотрите в самом конце появилось новое текстовое...
2294 просмотров
schedule 15.03.2023

Как изменить цвет одноцветного файла .svg через CSS?
Я использую значок SVG, как показано ниже, и я не хочу использовать шрифт значка (который, как я уже знаю, легче изменить цвет) <img src="/images/ic_play_arrow_black_24px.svg"> По умолчанию эти значки имеют черный цвет, и я хочу...
1991 просмотров
schedule 03.02.2023

Material Design Lite и jQuery, что-то не так с плавной прокруткой
Вчера я задал аналогичный вопрос здесь . И плавная прокрутка сработала. Однако когда я ее использовал, с плавной прокруткой что-то не так. Код находится здесь (этот репозиторий включает 1 файл html и 1 файл изображения):...
1243 просмотров

Навигационный ящик Material Design Lite (MDL) справа
Я использую Google Material Design Lite (MDL) для Интернета и не могу поместить панель навигации справа. В документации нет информации о том, как это сделать. Это вообще возможно? Ящик по умолчанию всегда слева. <header...
7989 просмотров
schedule 24.05.2024

Как расположить значок ближе к значку?
Я пытаюсь создать веб-сайт с макетом навигации из Material Design Lite и хочу поместить значок с уведомлениями на панель навигации. Пока у меня что-то вроде этого: http://codepen.io/anon/pen/qONOjP <html> <head> <!--...
2020 просмотров
schedule 05.12.2022

Как получить 100% высоту содержимого страницы при использовании фиксированного заголовка MDL в Chrome?
Я пытаюсь создать страницу с фиксированным заголовком, используя облегченный дизайн материалов. Проблема в том, что я не могу получить все пространство div page-content . Предположим, я хочу покрасить в красный цвет всю страницу, кроме панели...
2135 просмотров
schedule 31.10.2022

Как программно щелкнуть кнопку меню mdl-layout--fixed-header
У меня есть кнопка, которой я хочу открыть mdl-layout__drawer. Например, см. официальный пример здесь и обратите внимание на значок меню открывает ящик при нажатии. У меня есть кнопка, при нажатии которой я хочу, чтобы ящик открывался. Я...
635 просмотров
schedule 22.06.2023

Как работает руководство по созданию шаблона?
Я не могу понять, как этот блок Sass заменяется скриптом gulp? https://github.com/google/material-design-lite/blob/master/src/_variables.scss#L104-L110 @if $styleguide-generate-template == true { $color-primary: '$color-primary';...
239 просмотров
schedule 06.02.2024

Добавление кнопки со значком во вкладку Material Design Lite
Можно ли добавить кнопку со значком на вкладке в Material Design Lite? Вкладка - это всего лишь тег, поэтому я не знаю, включать ли в нее кнопку со значком.
558 просмотров
schedule 14.07.2023

Автоматический полноэкранный режим Material-Design-Lite при прокрутке браузера
Я создал простую страницу с «mdl-layout__header» и другими компонентами. В отличие от других веб-страниц, таких как поиск Google, nytimes.com и т. д., адресная строка браузера не отображается/скрывается автоматически, когда пользователь прокручивает...
487 просмотров
schedule 16.09.2022

Увеличение индикатора выполнения Material Design Lite с помощью React
У меня есть MDL , работающий с React в данный момент, и в данный момент он работает нормально. У меня есть индикатор выполнения, появляющийся на странице по мере необходимости, и он загружается с указанным «прогрессом» при загрузке страницы при...
2831 просмотров

Компоненты Accordion и Dialog для Material Design Lite
Существуют ли какие-либо компоненты аккордеона и модального диалога, которые действительно работают и совместимы с моей средой: Google Material Design Lite версии 1.06 Facebook ReactJS 0.14.2 Microsoft TypeScript и Visual Studio 2015 (для...
3525 просмотров

Проверка флажка MDL из JavaScript
Ниже приведен код и скрипка, в которой я пытаюсь отменить/отметить Флажок MDL . Его состояние/пользовательский интерфейс/дизайн не обновляются при снятии/проверке. Пробовали это решение SO , но оно не сработало. <label class="mdl-checkbox...
5843 просмотров

Текстовое поле Material Design Lite в ранее скрытом div
Итак, я обновляю свой веб-сайт, чтобы использовать Google MDL, и переживаю время, когда знаю, что не должен этого делать. У меня есть 2 идентичных div, оба содержат текстовое поле с тегом MDL. Единственное отличие состоит в том, что div B скрыт (с...
638 просмотров
schedule 03.11.2023

Совместимость Angular-Material с Material-Design-Light
У меня есть приложение Angular-Material , написанное явно с помощью angularJS 1.x Я хочу переписать это с помощью Angular 2 . В настоящее время Angular-Material2 находится на очень ранней стадии, поэтому я просто подумал, будет ли простой...
148 просмотров

MDL добавляет волновой эффект при нажатии «mdl-navigation__link»
У меня такая навигация: <nav class="mdl-navigation mdl-js-ripple-effect"> <a id="submenu" class="mdl-navigation__link" href="#">Link</a> <a class="mdl-navigation__link" href="">Link</a> <a...
2983 просмотров

Angular2 + MaterialDesignLite: динамическое добавление свойства html
Я работаю с Angular2 и MaterialDesignLite и хочу создать такое же меню: <ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect" for="demo-menu-lower-left"> <li class="mdl-menu__item">Some Action</li>...
341 просмотров