Skip to content
This repository has been archived by the owner on Mar 6, 2019. It is now read-only.

Commit

Permalink
Code reformatting.
Browse files Browse the repository at this point in the history
  • Loading branch information
@null-dev
null-dev committed Jul 27, 2016
1 parent da84174 commit 6663da6
Show file tree
Hide file tree
Showing 13 changed files with 202 additions and 160 deletions.
7 changes: 5 additions & 2 deletions catalogue.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,8 +74,11 @@ <h4 id="login_dialog_title" class="mdl-dialog__title"></h4>
</div>
</div>
<div class="mdl-dialog__actions">
<button id="login_dialog_close" type="button" class="mdl-button mdl-js-button mdl-js-ripple-effect close">Cancel</button>
<button id="login_dialog_login" type="button" class="mdl-button mdl-js-button mdl-js-ripple-effect">Login</button>
<button id="login_dialog_close" type="button" class="mdl-button mdl-js-button mdl-js-ripple-effect close">
Cancel
</button>
<button id="login_dialog_login" type="button" class="mdl-button mdl-js-button mdl-js-ripple-effect">Login
</button>
</div>
</dialog>
<main id="page_wrapper" class="mdl-layout__content">
Expand Down
16 changes: 11 additions & 5 deletions css/catalogue.css
View file
Original file line number Diff line number Diff line change
@@ -1,24 +1,30 @@
/** Override material select styles to make dropdown visible on blue header **/
.mdl-selectfield__label {
color: rgb(255,255,255);
color: rgb(255, 255, 255);
}

.mdl-selectfield__box {
border-bottom: 1px solid rgb(255,255,255);
border-bottom: 1px solid rgb(255, 255, 255);
}

.mdl-selectfield__box > i {
color: rgb(255,255,255);
color: rgb(255, 255, 255);
}

/** MDL style override **/
#search_box_wrapper {
margin-left: 16px;
width: calc(100% - 325px);
}

#search_box_wrapper > .mdl-textfield__input {
border-bottom: 1px solid rgb(255,255,255);
border-bottom: 1px solid rgb(255, 255, 255);
}

#search_box_wrapper > .mdl-textfield__label {
color: rgb(255,255,255);
color: rgb(255, 255, 255);
}

/** Loading dialog **/
#login_loading_spinner {
display: none;
Expand Down
25 changes: 15 additions & 10 deletions css/core.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
html,body {
html, body {
height: 100%;
}

.mdl-layout__header-row .mdl-navigation__link:last-of-type {
padding-right: 0;
}
Expand Down Expand Up @@ -33,7 +34,7 @@ html,body {

/** Page content **/
.page-content {
position: relative;
position: relative;
}

/** Cards **/
Expand All @@ -58,27 +59,31 @@ html,body {
padding: 8px;
bottom: 0;
}

/** List headers **/
.list_header {
width: 100%;
background: rgb(96,125,139);
background: rgb(96, 125, 139);
padding: 8px;
color: white;
font-size: 20px;
}

/** Spinners **/
.loading_spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.5s;
opacity: 1;
pointer-events: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.5s;
opacity: 1;
pointer-events: none;
}

.dialog_spinner_wrapper {
position: relative;
}

/** Layout **/
.mdl-layout {
overflow: hidden;
Expand Down
147 changes: 82 additions & 65 deletions css/manga_info.css
View file
Original file line number Diff line number Diff line change
@@ -1,101 +1,118 @@
/** Tab transitions **/
.tab_panel {
transition: all 0.25s;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
height: 0;
}
transition: all 0.25s;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
height: 0;
}

.tab_panel.selected {
opacity: 1;
pointer-events: all;
overflow: visible;
height: 100%;
opacity: 1;
pointer-events: all;
overflow: visible;
height: 100%;
}

/** Header **/
#info_header {
width: 100%;
padding: 16px;
width: 100%;
padding: 16px;
}

#cover_img {
width: 20%;
width: 20%;
}

#header_content {
margin-left: 16px;
margin-right: 16px;
margin-bottom: 16px;
width: calc(80% - 32px);
float: right;
word-break: break-all;
}
margin-left: 16px;
margin-right: 16px;
margin-bottom: 16px;
width: calc(80% - 32px);
float: right;
word-break: break-all;
}

#fav_btn {
float: right;
margin-right: 16px;
transform: translateY(-50%);
float: right;
margin-right: 16px;
transform: translateY(-50%);
}

/** Description **/
#manga_desc_wrapper {
margin: 16px;
width: 100%;
padding-right: 16px;
margin: 16px;
width: 100%;
padding-right: 16px;
}

#manga_desc {
margin-right: 32px;
margin-right: 32px;
}

/** Chapters **/
.chapter_entry {
border-bottom: 1px solid #bdbdbd;
padding: 8px;
/** Hacks to add ripple **/
height: auto;
display: block;
text-transform: none;
line-height: inherit;
}
border-bottom: 1px solid #bdbdbd;
padding: 8px;
/** Hacks to add ripple **/
height: auto;
display: block;
text-transform: none;
line-height: inherit;
}

.chapter_title {
font-size: 20px;
float: left;
font-size: 20px;
float: left;
}

.chapter_row_bottom {
position: relative;
width: 100%;
position: relative;
width: 100%;
}

.chapter_row_bottom_entry {
display: inline-block;
vertical-align: top;
display: inline-block;
vertical-align: top;
}

.chapter_date {
float: left;
float: left;
}

.chapter_page {
left: 0;
position: absolute;
color: grey;
width: 100%;
text-align: center;
left: 0;
position: absolute;
color: grey;
width: 100%;
text-align: center;
}

.chapter_downloaded {
color: green;
float: right;
color: green;
float: right;
}

.dialog_spinner_wrapper {
position: relative;
position: relative;
}

.chapter_buttons {
position: absolute;
height: 100%;
width: 100%;
pointer-events: none;
top: 0;
left: 0;
}
position: absolute;
height: 100%;
width: 100%;
pointer-events: none;
top: 0;
left: 0;
}

.chapter_button {
pointer-events: none;
opacity: 0;
position: absolute;
right: 0;
pointer-events: none;
opacity: 0;
position: absolute;
right: 0;
}
34 changes: 17 additions & 17 deletions css/material_fonts.css
View file
Original file line number Diff line number Diff line change
@@ -1,23 +1,23 @@
/* fallback */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/material_icons.woff2) format('woff2');
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/material_icons.woff2) format('woff2');
}

.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
8 changes: 8 additions & 0 deletions css/restore_backup.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,25 +5,32 @@
position: absolute;
font-size: 50px;
}

#restore_button {
left: 16px;
}

#backup_button {
right: 16px;
}

.page-content {
height: 100%;
width: 100%;
}

.mdl-layout__content {
height: 100%;
}

.page_button_icon {
font-size: 200px;
}

.dialog_spinner_wrapper {
position: relative;
}

/** File attachment field **/
.mdl-button--file input {
cursor: pointer;
Expand All @@ -40,6 +47,7 @@
box-sizing: border-box;
width: calc(100% - 32px);
}

.mdl-textfield--file .mdl-button--file {
right: 0;
}
Loading

0 comments on commit 6663da6

Please sign in to comment.