wirtz
/
AutoConnect
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Minimize CSS

Browse Source
pull/123/head
Hieromon Ikasamo 6 years ago
parent 82f898fab5
commit da4c6a9c89
2 changed files with 56 additions and 56 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      src/AutoConnectAux.cpp
  2. 110
      src/AutoConnectPage.cpp

2
src/AutoConnectAux.cpp
Unescape View File

@ -328,7 +328,7 @@ const String AutoConnectAux::_injectMenu(PageArgument& args) {
String menuItem;
if (_menu)
menuItem = String(FPSTR("<li class=\"luxbar-item\"><a href=\"")) + String(_uri) + String("\">") + _title + String(FPSTR("</a></li>"));
menuItem = String(FPSTR("<li class=\"lb-item\"><a href=\"")) + String(_uri) + String("\">") + _title + String(FPSTR("</a></li>"));
if (_next)
menuItem += _next->_injectMenu(args);
return menuItem;

110
src/AutoConnectPage.cpp
Unescape View File

@ -326,7 +326,7 @@ const char AutoConnect::_CSS_SPINNER[] PROGMEM = {
/**< Common menu bar. This style quotes LuxBar. */
/**< balzss/luxbar is licensed under the MIT License https://github.com/balzss/luxbar */
const char AutoConnect::_CSS_LUXBAR[] PROGMEM = {
".luxbar-fixed{"
".lb-fixed{"
"width:100%;"
"position:fixed;"
"top:0;"
@ -334,84 +334,84 @@ const char AutoConnect::_CSS_LUXBAR[] PROGMEM = {
"z-index:1000;"
"box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);"
"}"
".luxbar-burger span,"
".luxbar-burger span::before,"
".luxbar-burger span::after{"
".lb-burger span,"
".lb-burger span::before,"
".lb-burger span::after{"
"display:block;"
"height:2px;"
"width:26px;"
"transition:0.6s ease;"
"}"
".luxbar-checkbox:checked~.luxbar-menu li .luxbar-burger span{"
".lb-cb:checked~.lb-menu li .lb-burger span{"
"background-color:transparent;"
"}"
".luxbar-checkbox:checked~.luxbar-menu li .luxbar-burger span::before,"
".luxbar-checkbox:checked~.luxbar-menu li .luxbar-burger span::after{"
".lb-cb:checked~.lb-menu li .lb-burger span::before,"
".lb-cb:checked~.lb-menu li .lb-burger span::after{"
"margin-top:0;"
"}"
".luxbar-header{"
".lb-header{"
"display:flex;"
"flex-direction:row;"
"justify-content:space-between;"
"align-items:center;"
"height:58px;"
"}"
".luxbar-menu-right .luxbar-burger{"
".lb-menu-right .lb-burger{"
"margin-left:auto;"
"}"
".luxbar-brand{"
".lb-brand{"
"font-size:1.6em;"
"padding:18px 24px 18px 24px;"
"}"
".luxbar-menu{"
".lb-menu{"
"min-height:58px;"
"transition:0.6s ease;"
"width:100%;"
"}"
".luxbar-navigation{"
".lb-navigation{"
"display:flex;"
"flex-direction:column;"
"list-style:none;"
"padding-left:0;"
"margin:0;"
"}"
".luxbar-menu a,"
".luxbar-item a{"
".lb-menu a,"
".lb-item a{"
"text-decoration:none;"
"color:inherit;"
"cursor:pointer;"
"}"
".luxbar-item{"
".lb-item{"
"height:58px;"
"}"
".luxbar-item a{"
".lb-item a{"
"padding:18px 24px 18px 24px;"
"display:block;"
"}"
".luxbar-burger{"
".lb-burger{"
"padding:18px 24px 18px 24px;"
"position:relative;"
"cursor:pointer;"
"}"
".luxbar-burger span::before,"
".luxbar-burger span::after{"
".lb-burger span::before,"
".lb-burger span::after{"
"content:'';"
"position:absolute;"
"}"
".luxbar-burger span::before{"
".lb-burger span::before{"
"margin-top:-8px;"
"}"
".luxbar-burger span::after{"
".lb-burger span::after{"
"margin-top:8px;"
"}"
".luxbar-checkbox{"
".lb-cb{"
"display:none;"
"}"
".luxbar-checkbox:not(:checked)~.luxbar-menu{"
".lb-cb:not(:checked)~.lb-menu{"
"overflow:hidden;"
"height:58px;"
"}"
".luxbar-checkbox:checked~.luxbar-menu{"
".lb-cb:checked~.lb-menu{"
"transition:height 0.6s ease;"
"height:100vh;"
"overflow:auto;"
@ -441,34 +441,34 @@ const char AutoConnect::_CSS_LUXBAR[] PROGMEM = {
"list-style:none;"
"padding:0;"
"}"
".dropdown>ul .luxbar-item{"
".dropdown>ul .lb-item{"
"min-width:100%;"
"height:29px;"
"padding:5px 10px 5px 40px;"
"}"
".dropdown>ul .luxbar-item a{"
".dropdown>ul .lb-item a{"
"min-height:29px;"
"line-height:29px;"
"padding:0;"
"}"
"@media screen and (min-width:768px){"
".luxbar-navigation{"
".lb-navigation{"
"flex-flow:row;"
"justify-content:flex-end;"
"}"
".luxbar-burger{"
".lb-burger{"
"display:none;"
"}"
".luxbar-checkbox:not(:checked)~.luxbar-menu{"
".lb-cb:not(:checked)~.lb-menu{"
"overflow:visible;"
"}"
".luxbar-checkbox:checked~.luxbar-menu{"
".lb-cb:checked~.lb-menu{"
"height:58px;"
"}"
".luxbar-menu .luxbar-item{"
".lb-menu .lb-item{"
"border-top:0;"
"}"
".luxbar-menu-right .luxbar-header{"
".lb-menu-right .lb-header{"
"margin-right:auto;"
"}"
".dropdown{"
@ -483,31 +483,31 @@ const char AutoConnect::_CSS_LUXBAR[] PROGMEM = {
".dropdown>ul{"
"display:none;"
"}"
".dropdown>ul .luxbar-item{"
".dropdown>ul .lb-item{"
"padding:5px 10px;"
"}"
".dropdown>ul .luxbar-item a{"
".dropdown>ul .lb-item a{"
"white-space:nowrap;"
"}"
"}"
".luxbar-checkbox:checked+.luxbar-menu .luxbar-burger-doublespin span::before{"
".lb-cb:checked+.lb-menu .lb-burger-doublespin span::before{"
"transform:rotate(225deg);"
"}"
".luxbar-checkbox:checked+.luxbar-menu .luxbar-burger-doublespin span::after{"
".lb-cb:checked+.lb-menu .lb-burger-doublespin span::after{"
"transform:rotate(-225deg);"
"}"
".luxbar-menu-material,"
".luxbar-menu-material .dropdown ul{"
".lb-menu-material,"
".lb-menu-material .dropdown ul{"
"background-color:" AUTOCONNECT_MENUCOLOR_BACKGROUND ";"
"color:" AUTOCONNECT_MENUCOLOR_TEXT
"}"
".luxbar-menu-material .active,"
".luxbar-menu-material .luxbar-item:hover{"
".lb-menu-material .active,"
".lb-menu-material .lb-item:hover{"
"background-color:" AUTOCONNECT_MENUCOLOR_ACTIVE
"}"
".luxbar-menu-material .luxbar-burger span,"
".luxbar-menu-material .luxbar-burger span::before,"
".luxbar-menu-material .luxbar-burger span::after{"
".lb-menu-material .lb-burger span,"
".lb-menu-material .lb-burger span::before,"
".lb-menu-material .lb-burger span::after{"
"background-color:" AUTOCONNECT_MENUCOLOR_TEXT
"}"
};
@ -522,18 +522,18 @@ const char AutoConnect::_ELM_HTML_HEAD[] PROGMEM = {
/**< LuxBar menu element. */
const char AutoConnect::_ELM_MENU_PRE[] PROGMEM = {
"<header id=\"luxbar\" class=\"luxbar-fixed\">"
"<input type=\"checkbox\" class=\"luxbar-checkbox\" id=\"luxbar-checkbox\"/>"
"<div class=\"luxbar-menu luxbar-menu-right luxbar-menu-material\">"
"<ul class=\"luxbar-navigation\">"
"<li class=\"luxbar-header\">"
"<a href=\"" AUTOCONNECT_URI "\" class=\"luxbar-brand\">MENU_TITLE</a>"
"<label class=\"luxbar-burger luxbar-burger-doublespin\" id=\"luxbar-burger\" for=\"luxbar-checkbox\"><span></span></label>"
"<header id=\"lb\" class=\"lb-fixed\">"
"<input type=\"checkbox\" class=\"lb-cb\" id=\"lb-cb\"/>"
"<div class=\"lb-menu lb-menu-right lb-menu-material\">"
"<ul class=\"lb-navigation\">"
"<li class=\"lb-header\">"
"<a href=\"" AUTOCONNECT_URI "\" class=\"lb-brand\">MENU_TITLE</a>"
"<label class=\"lb-burger lb-burger-doublespin\" id=\"lb-burger\" for=\"lb-cb\"><span></span></label>"
"</li>"
"<li class=\"luxbar-item\"><a href=\"" AUTOCONNECT_URI_CONFIG "\">" AUTOCONNECT_MENULABEL_CONFIGNEW "</a></li>"
"<li class=\"luxbar-item\"><a href=\"" AUTOCONNECT_URI_OPEN "\">" AUTOCONNECT_MENULABEL_OPENSSIDS "</a></li>"
"<li class=\"luxbar-item\"><a href=\"" AUTOCONNECT_URI_DISCON "\">" AUTOCONNECT_MENULABEL_DISCONNECT "</a></li>"
"<li class=\"luxbar-item\" id=\"reset\"><a href=\"#rdlg\">" AUTOCONNECT_MENULABEL_RESET "</a></li>"
"<li class=\"lb-item\"><a href=\"" AUTOCONNECT_URI_CONFIG "\">" AUTOCONNECT_MENULABEL_CONFIGNEW "</a></li>"
"<li class=\"lb-item\"><a href=\"" AUTOCONNECT_URI_OPEN "\">" AUTOCONNECT_MENULABEL_OPENSSIDS "</a></li>"
"<li class=\"lb-item\"><a href=\"" AUTOCONNECT_URI_DISCON "\">" AUTOCONNECT_MENULABEL_DISCONNECT "</a></li>"
"<li class=\"lb-item\" id=\"reset\"><a href=\"#rdlg\">" AUTOCONNECT_MENULABEL_RESET "</a></li>"
};
const char AutoConnect::_ELM_MENU_AUX[] PROGMEM = {
@ -541,7 +541,7 @@ const char AutoConnect::_ELM_MENU_AUX[] PROGMEM = {
};
const char AutoConnect::_ELM_MENU_POST[] PROGMEM = {
"<li class=\"luxbar-item\"><a href=\"HOME_URI\">" AUTOCONNECT_MENULABEL_HOME "</a></li>"
"<li class=\"lb-item\"><a href=\"HOME_URI\">" AUTOCONNECT_MENULABEL_HOME "</a></li>"
"</ul>"
"</div>"
"<div class=\"lap\" id=\"rdlg\"><a href=\"#reset\" class=\"overlap\"></a>"

Write Preview
Loading…
Cancel
Save