mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-06-02 16:09:59 -04:00
Improve index layout and UX with UI adjustments and better wording
This commit is contained in:
parent
cf290e86e1
commit
3bcb36b46c
4 changed files with 91 additions and 39 deletions
|
@ -53,6 +53,8 @@ body {
|
|||
vertical-align: middle;
|
||||
}
|
||||
.cover-container {
|
||||
width: 100%;
|
||||
padding-top: 80px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
@ -65,6 +67,13 @@ body {
|
|||
* Header
|
||||
*/
|
||||
|
||||
.masthead {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.masthead-brand {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
|
@ -135,8 +144,10 @@ body {
|
|||
@media (min-width: 768px) {
|
||||
/* Pull out the header and footer */
|
||||
.masthead {
|
||||
position: relative;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100% !important;
|
||||
}
|
||||
.mastfoot {
|
||||
position: fixed;
|
||||
|
@ -279,8 +290,11 @@ input {
|
|||
color: #d43f3a;
|
||||
}
|
||||
.ui-or {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
margin: 5px;
|
||||
}
|
||||
.ui-use-tags {
|
||||
min-width: 172px;
|
||||
max-width: 344px;
|
||||
}
|
||||
|
||||
.modal-title {
|
||||
|
@ -306,4 +320,20 @@ input {
|
|||
background: white;
|
||||
cursor: inherit;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.social-foot {
|
||||
line-height: 30px;
|
||||
}
|
||||
.social-foot > *, .social-foot > * > * {
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
span.ui-or {
|
||||
display: block;
|
||||
}
|
||||
.ui-use-tags {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue