Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

Improved mobile editor styles

Browse source
This commit is contained in:
John O'Nolan 2014-08-07 15:33:56 +03:00
parent c0d51817a9
commit c8ebc66fc7
1 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
core/client/assets/sass/layouts/editor.scss
View file

@ -6,20 +6,21 @@
// The main post title
.entry-container .entry-title {
height: 57px;
padding: 2px 15px;
margin-bottom: 5px;
height: 60px;
padding: 0 15px;
position: relative;
input {
width: 100%;
height: 60px;
border: 0;
margin: 0;
padding: 0;
font-size: 3em;
font-size: 3.6rem;
font-weight: bold;
letter-spacing: -1px;
width: 100%;
background: transparent;
&:focus {
outline: 0;
}
@ -50,13 +51,13 @@
padding: 15px;
position: absolute;
bottom: 40px; // height of the publish bar
top: 61px; // height of the post title + margin
top: 60px; // height of the post title + margin
border-top: $lightbrown 1px solid;
background: #fff;
// Convert all content areas to small boxes
@media (max-width: 1000px) {
top: 109px;
top: 100px;
left: 0;
right: 0;
width: 100%;
@ -76,7 +77,6 @@
@media (max-width: 1000px) {
cursor: pointer;
width: 50%;
border-right: $lightbrown 2px solid;
color: #fff;
font-weight: normal;
background: $brown;
@ -127,6 +127,7 @@
// Restore the white bg of the currently .active tab, remove hand cursor from currently active tab
&.active header {
@media (max-width: 1000px) {
border-top: $lightbrown 1px solid;
cursor: auto;
color: $brown;
background: #fff;
@ -252,7 +253,6 @@
right: 0;
left: auto;
border-right: none;
border-left: $lightbrown 2px solid;
}
}
}