Commit ae8df0d4 authored by yPhil's avatar yPhil
Browse files

Cleanup before 1.3's "unread count" feature

- Major CSS linting
parent 412fca03
......@@ -92,17 +92,17 @@
body {
background-color: var(--color-background);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
margin: 0;
}
a:link {
color: var(--color-text);
text-decoration: none;
ul,
li {
padding: 0;
}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
background-color: var(--color-button-bg);
color: var(--color-button-text);
a:link {
color: var(--color-text);
text-decoration: none;
}
......@@ -110,15 +110,31 @@ a:visited {
color: var(--color-link-visited);
}
a:hover,
/* .ui-tab.ui-state-active a:link, .ui-tab.ui-state-active i, .ui-tab.ui-state-default a:link, */
a:active {
color: var(--color-link-hover);
}
/* .fancybox-caption a, */
/* .fancybox-caption a:link, */
/* .fancybox-caption a:visited { */
/* background-color: var(--color-button-bg); */
/* color: var(--color-button-text); */
/* text-decoration: none; */
/* } */
/* a.ui-tabs-anchor:link, */
/* a.ui-tabs-anchor:visited { */
/* color: var(--color-link); */
/* } */
a:hover,
/* .ui-tab.ui-state-active a:link, .ui-tab.ui-state-active i, .ui-tab.ui-state-default a:link, */
a:active {
color: var(--color-link-hover);
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
.ui-state-default:not(.ui-slider-handle),
.ui-widget-content .ui-state-default:not(.ui-slider-handle) {
color: var(--color-link);
}
li.feedItem:not(.error) a {
......@@ -126,6 +142,11 @@ li.feedItem:not(.error) a {
width: 100%;
}
li.ui-state-active a:link,
li.ui-tabs-active > a:visited {
color: var(--color-link-hover);
}
.feedHeader > .feedTitle > a:link,
.feedHeader > .feedTitle > a:visited,
.feedHeader > .feedTitle > a:focus,
......@@ -151,24 +172,15 @@ table#jsLicenseTable td a:link {
text-decoration: underline;
}
.feedHeader .feedControls div {
margin: 0 2px 0 0;
}
div#logoTitle {
display: flex;
/* cursor: pointer; */
}
div#logoTitle > div,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.topNav > div.menuBarButton,
i.tabIcon,
#ptlSearch > i,
.hover {
cursor: pointer;
}
.feedHeader .feedControls div {
margin: 0 2px 0 0;
}
.feedHeader > .feedToggle,
.feedHeader .feedControls div {
text-align: center;
......@@ -179,6 +191,19 @@ i.tabIcon,
font-size: 12pt;
}
.ui-tab.ui-state-active > i {
color: var(--color-link);
}
div#logoTitle > div,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.topNav > div.menuBarButton,
i.tabIcon,
#ptlSearch > i,
.hover {
cursor: pointer;
}
p.dangerous {
color: var(--color-ui-danger);
}
......@@ -199,6 +224,10 @@ button.dangerous:hover {
transform: rotate(90deg);
}
.ui-spinner input {
width: 32px;
}
.topNav {
z-index: 20;
background-color: var(--color-ui-qua);
......@@ -261,6 +290,17 @@ i.icon-petrolette {
color: var(--color-ui-sec);
}
.logoTitle {
color: var(--color-link-hover);
display: var(--logo-display);
font-family: LobsterRegular, Helvetica, Arial, sans-serif;
font-size: 36pt;
}
#preload > .logoTitle {
font-family: LobsterRegular, Helvetica, sans-serif;
}
div#logoTitle > .logoTitle:hover,
i.icon-petrolette:hover,
i.icon-petrolette.writing {
......@@ -273,13 +313,6 @@ div#logoTitle > div {
flex: 1 0;
}
.logoTitle {
color: var(--color-link-hover);
display: var(--logo-display);
font-family: LobsterRegular, Helvetica, Arial, sans-serif;
font-size: 36pt;
}
i.tabCloser:hover {
color: var(--color-link-hover);
}
......@@ -347,10 +380,6 @@ i.tabCloser:hover {
width: 0;
}
#preload > .logoTitle {
font-family: LobsterRegular, Helvetica, sans-serif;
}
.feedHeader > .feedTitle {
margin-top: 3px;
flex-basis: auto;
......@@ -395,7 +424,7 @@ h1.rs-big-headline {
}
.rs-sub-headline {
word-break: normal;
word-break: normal !important;
}
h3 {
......@@ -544,6 +573,7 @@ li.feedItem.error > strong.value {
select {
width: 100%;
height: 30px;
font-size: 1em;
}
fieldset {
......@@ -761,24 +791,6 @@ ul.help li.cloud::before {
margin: 0.1em;
}
#tabs {
overflow: hidden;
white-space: nowrap;
}
#tabs > ul {
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
scrollbar-color: var(--color-fg4) var(--color-bg1);
}
#tabs > ul > li {
display: inline-block;
float: none;
vertical-align: bottom;
}
.column {
white-space: initial;
transition: transform 0.3s linear;
......@@ -841,29 +853,19 @@ ul.column div.buttons {
li.feed {
position: relative;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; */
margin: 0 0 0.4em 0;
min-height: 20px !important;
width: 100%;
}
select,
.introjs-tooltipReferenceLayer *,
.introjs-button,
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-widget-content,
.ui-widget-header {
.rs-widget,
.ui-widget {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}
select {
font-size: 1em;
}
.introjs-button {
border: unset;
text-shadow: unset;
......@@ -1014,10 +1016,6 @@ li.feed div.feedBody {
scrollbar-color: var(--color-scrollbar) var(--color-dialog-border);
}
li.feed div.feedBody:hover {
scrollbar-color: var(--color-link-hover) var(--color-dialog-border);
}
li.feed div.feedBody::-webkit-scrollbar {
width: 4px;
}
......@@ -1031,6 +1029,10 @@ li.feed div.feedBody::-webkit-scrollbar-thumb {
background-color: var(--color-fg4);
}
li.feed div.feedBody:hover {
scrollbar-color: var(--color-link-hover) var(--color-dialog-border);
}
.folded {
height: 0 !important;
border-bottom: var(--color-background) !important;
......@@ -1101,7 +1103,9 @@ div.fancybox-caption a.ui-button.ui-corner-all:hover {
color: var(--color-ui-sec) !important;
}
/* Javascript */
.ui-dialog p {
margin: 0.3em 0 0 0;
}
#js {
background-color: var(--color-ui-qua);
......@@ -1182,33 +1186,32 @@ video {
/* UI SHIT */
.ui-spinner {
height: 32px;
margin: 0;
}
.ui-spinner input {
width: 32px;
#tabs {
overflow: hidden;
white-space: nowrap;
}
.ui-tab i.tabCloser {
top: 2px;
color: var(--color-tab-inactive-bg);
#tabs > ul {
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
scrollbar-color: var(--color-fg4) var(--color-bg1);
}
.ui-tab.ui-state-active > i {
color: var(--color-link);
#tabs > ul > li {
display: inline-block;
float: none;
vertical-align: bottom;
}
.ui-dialog p {
margin: 0.3em 0 0 0;
.ui-spinner {
height: 32px;
margin: 0;
}
.ui-tab,
.ui-tabs,
ul,
li {
padding: 0;
.ui-tab i.tabCloser {
top: 2px;
color: var(--color-tab-inactive-bg);
}
.ui-tab#newTabTab {
......@@ -1229,19 +1232,14 @@ li {
background: var(--color-tab-inactive-bg);
}
nav#sideMenu,
.ui-widget-content,
.topNav,
.ui-dialog,
.ui-dialog-buttonpane,
fieldset {
.menu,
.ui-widget-content {
background-color: var(--color-dialog-bg);
color: var(--color-text);
/* border-color: var(--color-button-border); */
}
.ui-dialog.ui-widget-content {
border: 1px solid var(--color-dialog-border)
border: 1px solid var(--color-dialog-border);
}
.ui-dialog .ui-dialog-buttonpane {
......@@ -1312,7 +1310,8 @@ li.ui-tabs-tab {
/* .ui-widget-content .ui-state-active, */
/* .ui-widget-header .ui-state-active, */
.introjs-button:active,
a.ui-button:active, .ui-button:active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
background: var(--color-button-bg-active);
}
......@@ -1323,15 +1322,6 @@ a.ui-button:active, .ui-button:active,
background-color: var(--color-tab-hover);
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
.ui-state-default:not(.ui-slider-handle),
.ui-widget-content .ui-state-default:not(.ui-slider-handle),
.ui-widget-header .ui-state-default {
color: var(--color-link);
}
#feedLimit,
#gallerySpeedSlider,
.ui-slider,
......@@ -1340,10 +1330,6 @@ a.ui-button:active, .ui-button:active,
background-color: var(--color-button-bg);
}
.ui-slider-handle:hover {
background-color: var(--color-button-bg-active);
}
.ui-slider-handle {
background-color: var(--color-button-bg-active);
color: var(--color-button-text);
......@@ -1352,10 +1338,16 @@ a.ui-button:active, .ui-button:active,
line-height: 38px;
min-width: 38px;
text-align: center;
top: -.2em !important;
top: -0.2em !important;
}
.ui-widget textarea, .ui-widget-content, .ui-widget-header {
.ui-slider-handle:hover {
background-color: var(--color-button-bg-active);
}
.ui-widget textarea,
.ui-widget-content,
.ui-widget-header {
border: none !important;
}
......@@ -1364,12 +1356,6 @@ a.ui-button:active, .ui-button:active,
margin: 0;
}
li.ui-state-active a:link,
li.ui-tabs-active > a:visited {
color: var(--color-link-hover);
}
.ui-progressbar {
position: relative;
background: var(--color-button-bg);
......
......@@ -26,7 +26,7 @@
--color-feed-bg: #383C4A;
--color-feed-bg-alt: #424657;
--color-feed-bg-hover: #1F262E;
--color-tab-active-fg: #1F262E;
--color-tab-active-fg: #19B5FE;
--color-tab-active-bg: #1F262E;
--color-tab-inactive-fg: #1F262E;
--color-tab-inactive-bg: #29323C;
......
......@@ -43,7 +43,8 @@ function getFeed (feedUrl, callback) {
}).then(function (res) {
if (res.status != 200) {
return callback({error:'error', errno:res.status, message:'Bad server response'});
callback({error:'error', errno:res.status, message:'Bad server response'});
return reject();
}
var feedparser = new FeedParser();
......@@ -75,6 +76,6 @@ function getFeed (feedUrl, callback) {
});
}).catch((err) => {
return callback({error:err, resStatus:0, message:err.message});
callback({error:err, resStatus:0, message:err.message});
});
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment