maxmert / maxmertkit Goto Github PK

JavaScript error:
Uncaught TypeError: Cannot read property 'nodeName' of undefined global.js:157
(anonymous function) global.js:157
Y.event.dispatch libs.js:1
o.handle.u

Linux, Chrome 25.0.1364.29 dev

В IE10 левое меню заезжает за край

In some parts of docs missing global variables description.

As Vetrenko Maxim Sergeevich says : "Today all javascript code is native, but I want to rewrite it to coffee. It is easier to support coffee code."

My take would be http://js2coffee.org/ which (although it looks abandoned), it gives you a nice shortcut to coffee...
Then you can begin to better taking use of coffee's sugars :-)

Пользуюсь Gentoo Linux и Firefox 17.0.1.

На странице http://maxmert.com/social не загружается панель навигации и не активно боковое меню из-за того, что не возвращается callback от кнопки github.

В Firebug активный GET-запрос:
http://maxmert.com/services/social/githubForkButton?user=maxmert&repo=maxmertkit&counter=true&buttontext=Watch%20me

После большого таймаута появляется меню навигации и становится активным боковое меню кроме кнопки #delicious.

Если кнопка с выпадающим списком находится в модальном окне, то после его закрытия список не исчезает и остается в фиксированном положении.

p.s. Фреймворк шикарен, спасибо вам за такую работу=)

I'm slowly moving my javascript projects into google's Dart and while maxmertkit is my top choice for further projects, it would be nice to have it natively available.

Доброе время суток.. Спасибо большое за работ вашу.. меня единственное останавливает от использования Font Awesome то что иконки не работаю в ie mobile .. Сам не нашел никаких способов решить эту проблему к сожалению..

Please add a footer subclass for dropdown.

Ещё тут нужно поправить

Status modifiers

заменить на

Чувствую, что написал не понятно. Опишу. Если открыть сайт в таком размере браузера, что меню скрывается под кнопку и нажать ее, а потом изменить размер окна до нормального, то меню не скрывается.

Работает если наводить только из-за пределов "рабочей области бразуера" в общем если навести сначала на адресную строку браузера, а потом на таб - тогда сработает, иначе никак.

В Сафари режется меню в левой колонке. Первые буквы не видны.
макбук айр, наверное 1440 на 900, окно чуть-меньше экрана, сафари 6.0.2

Chromium Версия 23.0.1271.97 Ubuntu 12.10 (23.0.1271.97-0ubuntu0.12.10.1)
<span class="-form-field -col3"> Больше чем select
http://i45.tinypic.com/2eey8tj.png

Сабж - http://maxmert.com/widgets#tabs

Пожелание: добавьте еще классы для вывода изображений. А-ля thumbnail в bootstrap.

Наверное так не должно быть?
min-height возможно надо править

[gulp] Finished 'kitSass' after 22 s
[gulp] maxmertkit.js saved 22.84 kB (51.65 kB -> 28.81 kB)

stream.js:94
throw er; // Unhandled stream error in pipe.
^
Error: Invalid arguments
at filesize (/Users/admin/Downloads/maxmertkit-1.0.0/node_modules/gulp-bytediff/node_modules/filesize/lib/filesize.js:33:9)

http://take.ms/K8HVsd

обновил хром и получил вот такю чудную картинку на своем проекте и на странице проекта

Windows Phone 7

It would be great if we can have a splitter.

Example can be seen here

http://www.jqwidgets.com/jquery-ui-splitter/

Опыта не так много, чтобы решить проблему самому, а ваш фрйемворк крайне заинтересовал, подскажите.. в чем может быть проблема, в Chrome создал grid, она изначально отобразился только в цифрах, пришлось забраться на сайт и утащить из style.css строчку со стилями color-row, вставил их в maxmertkit.css, в Chrome успешно появились цвета блоков, но в IE 9 нету не только цветов, но и самих цифр то есть текст даже не виден, в чем может быть дело?
Для наглядности картинки: http://disk.tom.ru/gv4s42y

http://maxmert.com/javascript#modaljs

При нажатии на кнопку «Show modal» появляется окно с белой рамкой вокруг, после заверешения анимации рамка пропадает.

При этом, если модальное окно не закрывать и проскролить страницу, то артефакт в виде белой рамки опять появляется и пропадает.

Mac OS 10.7.5, Google Chrome 24.0.1312.52.

В Safari 6.0.2 (7536.26.17) такое не наблюдается.

Использую v 0.0.2, скачанную с сайта (http://maxmert.com/download).

Если подключать файл maxmertkit.min.js, то модельное окно (#div-modal), с классом "-modal" , отображается прямо на странице, не прячется после загрузки DOM, хотя к нему применяются css-стили.

В консоли браузера выдаются ошибки:

1. e.kit is not a constructor 1 строке файла maxmertkit.min.js
   2 )$("#div-modal").modal is not a function в файле моего примера

Если подключить вместо одного два этих, то все работает отлично.

Спасибо за отличный фреймворк.

Если на модификатор dropdown навести сначала top а потом right то модификатор top не удаляется. Предотвращение дублирование можно сделать перечислением всех свйоств, а не только left для правых и etc. В таком случае будет работать последний модификатор, который будет в css.
Старый модификатор цвета или размера можно полностью заменять, а не добавлять существующий.

Убрать для body

Пример указанный на сайте
http://maxmert.com/scaffolding#formHorizontal

• никак не позволяет подстраивать форму под размеры экрана, что приводит к сведению на нет всей адаптивной верстки страницы с блоками

Устроило бы решение form grid,
http://maxmert.com/scaffolding#formGrid
если бы для ячеек без полей - не создавалась бы серая рамка.

Для себя использовал костыль в виде дополнительного класса, но ведь это не правильно
.-form .-form-field.text{
line-height: normal;
border-style: none;
text-align: right;
padding: 3px;
}

Горизонтальная форма должна модифицироваться в вертикальную, если размер экрана слишком мал?

Chrome 23.0.1271.97 m, Windows 7 x64

1. Toolbar
   
2. Groups with carets
   
3. Form selectbox
   

Hi. Thanx for Nice Work.
Can you add the RTL Support feature?

А почему решили сделать фреймворк не на базе БЭМ?

На маке, вероятно, со шрифтами ситуация получше, но в винде иконки выглядят действительно ужасно. Для хрома есть небольшой трюк. Если в font-face указать путь к svg-шрифту раньше, чем к woff, то ситуация заметно улучшается:

Для body это лишнее

Максим, приветветсвую. Спасибо за maxmertkit. Выбрал его для персонального проекта вместо всяких bootstrap и прочих.

Пытаюсь использовать modal вместо подтверждающего окошка для удаления данных. Как мне в modal передать данные? наприемер id или целую модель которую я сношу? (использую Ember JS). Нужно отследить нажатие кнопки в самом модале и удалить если подтвердили.

Спасибо

З.Ы: Надеюсь разработка не остановилась? а то уже обновлений не было с самого начала года.

Selenium tests will run on https://saucelabs.com/opensauce

Съехала на один пиксель. в месте стыка.
http://monosnap.com/image/JnkUnnvZp4XtDqPuXHMFYMyu2/

Применяя классы -col# на .-form-field и на input получаем поля разной ширины.
Два input.-col1 по ширине меньше чем один input.-col2

Как мне кажется (хотя могу и ошибаться) код ниже должен построить форму с полями одинаковой ширины, если не во всех вариантах конструкций - то должен быть способ сделать это без лишнего гемороя :)

<form class="-form _horizontal_">
    <div class="-form-row">
        <label>Text</label>
        <span class="-form-field -col2">
            <input type="text"/>
        </span>
    </div>

    <div class="-form-row">
        <label>Text</label>
        <span class="-form-field">
            <input class="-col2" type="text"/>
        </span>
    </div>


    <div class="-form-row">
        <label>Select</label>
        <span class="-form-field">
            <select class="-col2">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>
        </span>
    </div>

    <div class="-form-row">
        <label>Select</label>
        <span class="-form-field -col2">
            <select>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
            </select>
        </span>
    </div>

    <div class="-form-row">
        <label>Inline</label>

        <span class="-form-field">
            <input class="-col1" type="text"/>
        </span>

        <span class="-form-field">
            <input class="-col1" type="text"/>
        </span>
    </div>

    <div class="-form-row">
        <label>Inline</label>

        <span class="-form-field -col1">
            <input type="text"/>
        </span>

        <span class="-form-field -col1">
            <input type="text"/>
        </span>
    </div>

    <div class="-form-row">
        <label>Group</label>

        <div class="-form-field -group">
            <input class="-col1" type="text"/>
            <input class="-col1" type="text"/>
        </div>
    </div>

    <div class="-form-row">
        <label>Group</label>

        <div class="-form-field -group _vertical_ -col2">
            <input type="text"/>
            <input type="text"/>
        </div>
    </div>
</form>

Уползают вверх

Еще стоит добавить хотя бы еле заметный верхний border для кнопок. Иначе с appendix и в группе с input они смотрятся странно — визуально элементы получаются разной высоты.

Вот так оно выглядит в xubuntu при скроле (chome Version 23.0.1271.97).

[21:26:27.430] ReferenceError: Modernizr is not defined @ file:///C:/Users/flicus/WebstormProjects/eva_search/static/js/maxmertkit.popup.js:249

javascript
$('.pageSize').popup({
trigger: 'hover, hover',
animation: 'scaleIn',
animationDuration: 400,
template: '

html
https://gist.github.com/flicus/5124959

страница http://maxmert.com/javascript . Если уменьшить размер окна браузера, появляется скрол, но левое меню уходит как бы "влево" и его становится не видно. Также справа под кнопкой fork me появляется белый фон.

label — в примере прописан, но бесполезен

А вот так форма ломается

Когда перемещаешь размер на элемент и справа изменяется html, я заметил, что размер дописывается в конец, а не производится его замена на другой, при нескольких применений: