diff options
author | Julius Härtl <jus@bitgrid.net> | 2019-07-05 14:00:48 +0300 |
---|---|---|
committer | Julius Härtl <jus@bitgrid.net> | 2019-07-16 08:39:43 +0300 |
commit | 9977186142ca01630fbdc92f09c7d9775adb9e97 (patch) | |
tree | f475200fc4a0d20cff7c48aa7dbc94f772f5fa77 /css | |
parent | 8f0bde31bc62015de2bd4e671ecc87b4a7adbf7f (diff) |
Add stylelint
Signed-off-by: Julius Härtl <jus@bitgrid.net>
Diffstat (limited to 'css')
-rw-r--r-- | css/admin.scss | 2 | ||||
-rw-r--r-- | css/style.css | 70 | ||||
-rw-r--r-- | css/templatePicker.scss | 2 | ||||
-rw-r--r-- | css/viewer.scss | 170 |
4 files changed, 134 insertions, 110 deletions
diff --git a/css/admin.scss b/css/admin.scss index a1d013c1..423e0036 100644 --- a/css/admin.scss +++ b/css/admin.scss @@ -3,7 +3,7 @@ } #richdocuments { - input[name="wopi_url"] { + input[name='wopi_url'] { width: 300px; } #use_group_select, #edit_group_select { diff --git a/css/style.css b/css/style.css index dbbef114..828452af 100644 --- a/css/style.css +++ b/css/style.css @@ -41,6 +41,7 @@ body { margin-top: 128px; width: 32px; } + .document a { display: block; position: relative; @@ -49,9 +50,11 @@ body { background-repeat: no-repeat; background-size: 200px; } + .document a:hover { border: 1px solid #818181; } + .document label { background: rgba(255, 255, 255, 0.7); position: absolute; @@ -107,6 +110,7 @@ body { border: none; opacity: .5; } + #odf-close.icon-close { height: 23px; width: 23px; @@ -139,8 +143,8 @@ body { } #revViewer{ - position: relative; - height: 100%; + position: relative; + height: 100%; } #revPanelContainer{ @@ -169,26 +173,26 @@ body { } .loleaflet-font{ - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important; } #documents-overlay, #documents-overlay-below{ - position: fixed; - top: 0px; - left: 0; - width: 100%; - height: 100%; - filter:alpha(opacity=60); - opacity: .6; - z-index: 1000; - background-color: #fff; + position: fixed; + top: 0px; + left: 0; + width: 100%; + height: 100%; + filter:alpha(opacity=60); + opacity: .6; + z-index: 1000; + background-color: #fff; } #documents-overlay-below{ right: 72px; top: 0px; - filter:alpha(opacity=100); - opacity: 1; + filter:alpha(opacity=100); + opacity: 1; background:#fff; z-index: 999; } @@ -200,7 +204,7 @@ body { margin-bottom: -110px;padding:0; cursor:pointer; overflow:hidden; font-size:1em; - -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; + -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter:alpha(opacity=0); opacity:0; z-index:20; } @@ -261,12 +265,11 @@ body { .webodfeditor-memberListButton span { display: block; border-radius: 3px; - display: block; margin: auto; } .webodfeditor-memberListButton img{ - border: 0 none !important; + border: 0 none !important; } .webodfeditor-memberListButton input{ @@ -307,6 +310,7 @@ body { margin-top: 2px !important; margin-left:3px; } + #toolbar > span.dijit{ margin-left: 0; } @@ -316,8 +320,8 @@ body { } #toolbar > .dijitComboBox .dijitInputInner{ -vertical-align: middle; -line-height: 1.7em; + vertical-align: middle; + line-height: 1.7em; } #container { @@ -340,9 +344,6 @@ editinfo > div.editInfoMarker { padding: 0 5px; } -editinfo > div.editInfoMarker:hover { -} - .dijitToolbar{ min-height: 31px; line-height: 1em; @@ -353,7 +354,7 @@ editinfo > div.editInfoMarker:hover { } .dijitSpinner .dijitSpinnerButtonContainer .dijitArrowButton { -margin-top: -1px; + margin-top: -1px; } .claro .dijitComboBox .dijitInputInner{ @@ -367,8 +368,11 @@ margin-top: -1px; /* part of dojo.css */ .dojoTabular {border-collapse: collapse; border-spacing: 0; border: 1px solid #ccc; margin: 0 1.5em;} + .dojoTabular th {text-align: center; font-weight: bold;} + .dojoTabular thead,.dojoTabular tfoot {background-color: #efefef; border: 1px solid #ccc; border-width: 1px 0;} + .dojoTabular th,.dojoTabular td {padding: 0.25em 0.5em;} document p{ @@ -394,41 +398,52 @@ document p{ -ms-user-select: initial; user-select: initial; } + .oc-dialog .fileexists .conflict .message { color: #e9322d; } + .oc-dialog .fileexists table { width: 100%; } + .oc-dialog .fileexists th { padding-left: 0; padding-right: 0; } + .oc-dialog .fileexists th input[type='checkbox'] { margin-right: 3px; } + .oc-dialog .fileexists th:first-child { width: 230px; } + .oc-dialog .fileexists th label { font-weight: normal; color:black; } + .oc-dialog .fileexists th .count { margin-left: 3px; } + .oc-dialog .fileexists .conflicts .template { display: none; } + .oc-dialog .fileexists .conflict { width: 100%; height: 85px; } + .oc-dialog .fileexists .conflict .filename { color:#777; word-break: break-all; clear: left; } + .oc-dialog .fileexists .icon { width: 64px; height: 64px; @@ -437,36 +452,45 @@ document p{ background-size: 64px 64px; float: left; } + .oc-dialog .fileexists .replacement { float: left; width: 230px; } + .oc-dialog .fileexists .original { float: left; width: 230px; } + .oc-dialog .fileexists .conflicts { overflow-y:scroll; max-height: 225px; } + .oc-dialog .fileexists .conflict input[type='checkbox'] { float: left; } + .oc-dialog .fileexists #allfileslabel { float:right; } + .oc-dialog .fileexists #allfiles { vertical-align: bottom; position: relative; top: -3px; } + .oc-dialog .fileexists #allfiles + span{ vertical-align: bottom; } + .oc-dialog .oc-dialog-buttonrow { width:100%; text-align:right; } + .oc-dialog .oc-dialog-buttonrow .cancel { float:left; } diff --git a/css/templatePicker.scss b/css/templatePicker.scss index b56a032b..a69876d4 100644 --- a/css/templatePicker.scss +++ b/css/templatePicker.scss @@ -20,7 +20,7 @@ * */ - #template-picker { +#template-picker { .template-container:not(.hidden) { display: flex; flex-wrap: wrap; diff --git a/css/viewer.scss b/css/viewer.scss index 18ce7fc4..a0afa518 100644 --- a/css/viewer.scss +++ b/css/viewer.scss @@ -1,125 +1,125 @@ #odf-canvas{ - position: relative; - top: 37px; - left: 0px; - border:1px solid darkgray; - border-left:0 none; - box-shadow: 0px 4px 10px #000; - -moz-box-shadow: 0px 4px 10px #000; - -webkit-box-shadow: 0px 4px 10px #000; + position: relative; + top: 37px; + left: 0px; + border:1px solid darkgray; + border-left:0 none; + box-shadow: 0px 4px 10px #000; + -moz-box-shadow: 0px 4px 10px #000; + -webkit-box-shadow: 0px 4px 10px #000; } .icon-filetype-document{ - background-image: url('../../../core/img/filetypes/x-office-document.svg') + background-image: url('../../../core/img/filetypes/x-office-document.svg') } .icon-filetype-spreadsheet{ - background-image: url('../../../core/img/filetypes/x-office-spreadsheet.svg'); + background-image: url('../../../core/img/filetypes/x-office-spreadsheet.svg'); } .icon-filetype-presentation{ - background-image: url('../../../core/img/filetypes/x-office-presentation.svg'); + background-image: url('../../../core/img/filetypes/x-office-presentation.svg'); } .richdocuments-sharing .icon-shared { - display: block; - width: 16px; - height: 16px; - padding: 16px; - opacity: 0.6; + display: block; + width: 16px; + height: 16px; + padding: 16px; + opacity: 0.6; } .richdocuments-sharing .icon-shared:hover, .richdocuments-sharing .icon-shared:focus { - opacity: 1; + opacity: 1; } #richdocumentsframe { - background-color: #fff; - width:100%; - height: calc(100vh - 50px); - display:block; - position:absolute; - top:0; - z-index:110; + background-color: #fff; + width:100%; + height: calc(100vh - 50px); + display:block; + position:absolute; + top:0; + z-index:110; } #editors-menu { - min-width: 200px; - top: 50px; - - ul li { - display: flex; - padding: 3px; - border-left: 3px solid transparent; - &.active { - border-left: 3px solid var(--color-primary, $color-primary); - } - - .label { - padding: 6px; - flex-grow: 1; - - .icon-play-next { - opacity: .5; - display: inline-block; - padding-left: 10px; - vertical-align: top; - } - } - label.label::before { - margin-right: 16px; - margin-left: 7px; - } - .icon-close { - padding: 8px; - } - } + min-width: 200px; + top: 50px; + + ul li { + display: flex; + padding: 3px; + border-left: 3px solid transparent; + &.active { + border-left: 3px solid var(--color-primary, $color-primary); + } + + .label { + padding: 6px; + flex-grow: 1; + + .icon-play-next { + opacity: .5; + display: inline-block; + padding-left: 10px; + vertical-align: top; + } + } + label.label::before { + margin-right: 16px; + margin-left: 7px; + } + .icon-close { + padding: 8px; + } + } } #richdocuments-avatars { - position: relative; - - & > .richdocuments-avatar { - float: right; - border-radius: 50%; - margin: 8px; - margin-left: -20px; - box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); - position: relative; - &.read-only { - opacity: 0.8; - } - } + position: relative; + + & > .richdocuments-avatar { + float: right; + border-radius: 50%; + margin: 8px; + margin-left: -20px; + box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); + position: relative; + &.read-only { + opacity: 0.8; + } + } } #richdocuments-actions { - position: relative; - .icon-more { - display: block; - width: 50px; - height: 50px; - } - li { - white-space: nowrap; - a.icon-loading-small:after { - left: 19px; - } - } + position: relative; + .icon-more { + display: block; + width: 50px; + height: 50px; + } + li { + white-space: nowrap; + a.icon-loading-small:after { + left: 19px; + } + } } #versionsTabView li { - padding-left: 15px; - margin-left: -15px; + padding-left: 15px; + margin-left: -15px; } #versionsTabView li.active { - border-left: 3px solid var(--color-primary, #000); - padding-left: 12px; + border-left: 3px solid var(--color-primary, #000); + padding-left: 12px; } #currentVersion li { - border-bottom: 1px solid rgba(100,100,100,.1); + border-bottom: 1px solid rgba(100,100,100,.1); } -@import "templatePicker"; +@import 'templatePicker'; |