upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-02-19 02:38:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 11

Fix style and flex width

Browse source 
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-11-04 09:37:21 +01:00
parent 9bb28bab30
commit c80b824a46
No known key found for this signature in database
GPG key ID: FB5ACEED51955BF8
2 changed files with 12 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
core/css/mobile.scss
View file

@ -81,16 +81,11 @@
opacity: 1;
}
/* controls bar for mobile */
#controls {
min-width: initial !important;
left: 0 !important;
padding-left: 0;
}
/* position controls for apps with app-navigation */
#app-navigation+#app-content #controls {
left: 0 !important;
padding-left: 44px;
width: 100%;
}
/* .viewer-mode is when text editor, PDF viewer, etc is open */

27
core/css/styles.scss
View file

@ -228,7 +228,7 @@ body {
right: 0;
left: 0;
height: 44px;
width: 100%;
width: calc(100% - 250px);
padding: 0;
margin: 0;
background-color: rgba($color-main-background, 0.95);
@ -1391,7 +1391,6 @@ span.ui-icon {
/* ---- BREADCRUMB ---- */
div.breadcrumb {
display: inline-flex;
overflow: hidden;
}
div.crumb {
display: inline-flex;
@ -1400,33 +1399,27 @@ div.crumb {
background-position: right center;
height: 44px;
background-size: auto 24px;
flex: 1 2 50px;
max-width: 200px;
flex: 0 0 auto;
&.hidden {
display: none;
}
a, > span {
a,
> span {
position: relative;
padding: 14px 24px 14px 17px;
padding: 12px 24px 12px 17px;
color: nc-lighten($color-main-text, 33%);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
&.last a {
padding-right: 0;
&:not(:first-child) a {
}
&.last {
&:last-child {
font-weight: 600;
margin-right: 10px;
}
&.ellipsized {
padding: 0 10px 0 5px;
}
a.ellipsislink {
padding: 0 !important;
position: relative;
top: 8px !important;
a {
padding-right: 0;
}
}
&:hover, &:focus, a:focus, &:active {
opacity: .7;