просматривать trac на мобильных устройствах (iphone, android и т. д.) - PullRequest
Новая
       50

просматривать trac на мобильных устройствах (iphone, android и т. д.)

5 голосов
/ 23 августа 2011

Наша команда интенсивно использует Trac для управления проектами, и мне нужно время от времени просматривать сайт Trac. Однако просмотр сайта Trac с мобильного устройства действительно неудобен (в моем случае это iphone).

Интересно, есть ли какой-нибудь пакет hack / plugin / template / css, который мог бы помочь лучше показать Trac на мобильных устройствах? Я думал, что некоторые <meta> теги и позиционирование css должны помочь, но я не мог много гуглить из этого.

любая помощь приветствуется.

Огромное спасибо!

Ответы [ 2 ]

2 голосов
/ 24 августа 2011

Для начала прочитайте TracInterfaceCustomization в вики Trac , более конкретно об использовании style.css , так как я согласен, что вам непременно потребуется изменить стили для всего сайта.

Готовые темы доступны на trac-hacks.org .Может быть, вы найдете что-то подходящее вам, по крайней мере, немного лучше, чем Trac default для более быстрого запуска.

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

1 голос
/ 08 сентября 2011

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

вот что я сделал:

в папке [trac root]/templates/, добавьте или отредактируйте site.html, который содержит следующее: 

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:py="http://genshi.edgewall.org/" py:strip="">

  <head py:match="head" py:attrs="select('@*')">
<meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

${select('*|comment()|text()')}

<link media="handheld, screen and (max-device-width: 480px)" href="/htdocs-trac/css/trac-mobile.css" type="text/css" rel="stylesheet" />

  </head>
  <!--! Custom match templates go here -->
</html>

выше было бы добавить новую ссылку CSS /htdocs-trac/css/trac-mobile.css для каждой страницы Trac, а затем вы могли бы поместить стили только для мобильных устройств в файл css, в моем случае файл css содержит: 

.nav li {
    white-space: normal;
}

#mainnav *:link, #mainnav *:visited {
    padding: 0 10px;
}

#mainnav *:link, #mainnav *:visited {
  padding: 0 0px;
}

#header h1 {
margin: 0;

}

если честно, то ТОЛЬКО заставляет строку заголовка выглядеть лучше, а кнопка не сталкивается. Но во многих местах используется макет на основе таблиц, и (кажется) он не может быть легко решен с помощью CSS.

Надеюсь, это поможет другим.

...