Updated the README.

Fixed Tempra Conflux's responsiveness.
This commit is contained in:
Azareal 2017-10-12 04:54:30 +01:00
parent 97860d4f79
commit a09630c0dc
4 changed files with 32 additions and 9 deletions

View File

@ -142,6 +142,8 @@ We're looking for ways to clean-up the plugin system so that all of them (except
# Images # Images
![Shadow Theme](https://github.com/Azareal/Gosora/blob/master/images/shadow.png) ![Shadow Theme](https://github.com/Azareal/Gosora/blob/master/images/shadow.png)
![Shadow Quick Topic](https://github.com/Azareal/Gosora/blob/master/images/quick-topics.png)
![Tempra Simple Theme](https://github.com/Azareal/Gosora/blob/master/images/tempra-simple.png) ![Tempra Simple Theme](https://github.com/Azareal/Gosora/blob/master/images/tempra-simple.png)
![Tempra Simple Topic List](https://github.com/Azareal/Gosora/blob/master/images/topic-list.png) ![Tempra Simple Topic List](https://github.com/Azareal/Gosora/blob/master/images/topic-list.png)
@ -154,8 +156,6 @@ We're looking for ways to clean-up the plugin system so that all of them (except
![Tempra Conflux Mobile](https://github.com/Azareal/Gosora/blob/master/images/tempra-conflux-mobile-320px.png) ![Tempra Conflux Mobile](https://github.com/Azareal/Gosora/blob/master/images/tempra-conflux-mobile-320px.png)
![Tempra Conflux Mobile](https://github.com/Azareal/Gosora/blob/master/images/tempra-conflux-control-panel.png)
More images in the /images/ folder. Beware though, some of them are *really* outdated. More images in the /images/ folder. Beware though, some of them are *really* outdated.
# Dependencies # Dependencies

Binary file not shown.

Before

Width:  |  Height:  |  Size: 107 KiB

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 269 KiB

After

Width:  |  Height:  |  Size: 259 KiB

View File

@ -92,8 +92,21 @@
} }
@media (max-width: 470px) { @media (max-width: 470px) {
ul { margin-bottom: 10px; } .container {
.menu_overview, .menu_profile, .hide_on_micro { display: none; } border: none;
background: none;
padding-right: 8px;
}
#back {
padding: 0px;
}
ul {
margin-bottom: 10px;
}
.menu_overview, .menu_profile, .hide_on_micro {
display: none;
}
.selectedAlert .alertList { .selectedAlert .alertList {
width: 156px; width: 156px;
margin-bottom: 5px; margin-bottom: 5px;
@ -104,7 +117,9 @@
padding-left: 42px; padding-left: 42px;
height: 46px; height: 46px;
} }
.alertItem { padding: 8px; } .alertItem {
padding: 8px;
}
.alertItem .text { .alertItem .text {
height: 30px; height: 30px;
font-size: 10px; font-size: 10px;
@ -140,18 +155,26 @@
width: 60px; width: 60px;
font-size: 15px; font-size: 15px;
} }
.userinfo { width: 70px; } .userinfo {
width: 70px;
margin-left: 3px;
}
.userinfo .avatar_item { .userinfo .avatar_item {
background-size: 64px; background-size: 64px;
width: 64px; width: 64px;
min-height: 64px; min-height: 64px;
} }
.content_container { .content_container {
margin-left: 73px; margin-left: 80px;
min-height: inherit !important; min-height: inherit !important;
} }
.user_content { min-height: 76.5px !important; font-size: 15px; } .user_content {
.user_content.nobuttons { min-height: 100.5px !important; } min-height: 79.5px !important;
font-size: 15px;
}
.user_content.nobuttons {
min-height: 100.5px !important;
} /* UNUSED */
.the_name { font-size: 15px; } .the_name { font-size: 15px; }
.post_tag { font-size: 12px; } .post_tag { font-size: 12px; }
.rowtopic { font-size: 14px; } .rowtopic { font-size: 14px; }