summaryrefslogtreecommitdiffstats
path: root/web/sass-files/sass
diff options
context:
space:
mode:
Diffstat (limited to 'web/sass-files/sass')
-rw-r--r--web/sass-files/sass/partials/_markdown.scss1
-rw-r--r--web/sass-files/sass/partials/_modal.scss119
-rw-r--r--web/sass-files/sass/partials/_post.scss4
-rw-r--r--web/sass-files/sass/partials/_post_right.scss15
-rw-r--r--web/sass-files/sass/partials/_responsive.scss26
-rw-r--r--web/sass-files/sass/partials/_settings.scss50
-rw-r--r--web/sass-files/sass/partials/_tutorial.scss2
7 files changed, 154 insertions, 63 deletions
diff --git a/web/sass-files/sass/partials/_markdown.scss b/web/sass-files/sass/partials/_markdown.scss
index 339d9f45f..f34b5ec19 100644
--- a/web/sass-files/sass/partials/_markdown.scss
+++ b/web/sass-files/sass/partials/_markdown.scss
@@ -31,6 +31,7 @@
}
.post-body--code__language {
+ -webkit-transform: translate3d(0,0,0);
position: absolute;
top: 0;
right: 0;
diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss
index db99e840b..9d4e62bc3 100644
--- a/web/sass-files/sass/partials/_modal.scss
+++ b/web/sass-files/sass/partials/_modal.scss
@@ -7,6 +7,67 @@
padding: 20px 15px;
overflow: auto;
}
+.more-table {
+ margin: 0;
+ table-layout: fixed;
+ p {
+ font-size: 0.9em;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ @include opacity(0.8);
+ margin: 5px 0;
+ }
+ .profile-img {
+ -moz-border-radius: 50px;
+ -webkit-border-radius: 50px;
+ border-radius: 50px;
+ margin-right: 8px;
+ }
+ .more-name {
+ font-weight: 600;
+ font-size: 0.95em;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ .more-description {
+ @include opacity(0.7);
+ display: block;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ tbody {
+ > tr {
+ &:hover td {
+ background: #f7f7f7;
+ }
+ &:first-child {
+ td {
+ border: none;
+ }
+ }
+ td {
+ width: 100%;
+ white-space: nowrap;
+ @include legacy-pie-clearfix;
+ text-overflow: ellipsis;
+ padding: 8px 8px 8px 15px;
+ &.padding--equal {
+ padding: 8px;
+ }
+ &.td--action {
+ text-align: right;
+ padding: 8px 15px 8px 8px;
+ width: 80px;
+ vertical-align: middle;
+ position: relative;
+ &.lg {
+ width: 110px;
+ }
+ }
+ }
+ }
+ }
+}
.modal {
width: 100%;
color: #333;
@@ -148,64 +209,6 @@
padding: 0;
}
}
- .more-table {
- margin: 0;
- table-layout: fixed;
- p {
- font-size: 0.9em;
- overflow: hidden;
- text-overflow: ellipsis;
- @include opacity(0.8);
- margin: 5px 0;
- }
- .profile-img {
- -moz-border-radius: 50px;
- -webkit-border-radius: 50px;
- border-radius: 50px;
- margin-right: 8px;
- }
- .more-name {
- font-weight: 600;
- font-size: 0.95em;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .more-description {
- @include opacity(0.7);
- display: block;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- tbody {
- > tr {
- &:hover td {
- background: #f7f7f7;
- }
- &:first-child {
- td {
- border: none;
- }
- }
- td {
- width: 100%;
- white-space: nowrap;
- @include legacy-pie-clearfix;
- text-overflow: ellipsis;
- padding: 8px 8px 8px 15px;
- &.td--action {
- text-align: right;
- padding: 8px 15px 8px 8px;
- width: 80px;
- vertical-align: middle;
- position: relative;
- &.lg {
- width: 110px;
- }
- }
- }
- }
- }
- }
.modal-image {
position:relative;
width:100%;
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index 323691d89..5d0985fc0 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -396,8 +396,8 @@ body.ios {
.post-list__content {
display: table-cell;
vertical-align: bottom;
- > div:last-child {
- .dropdown-menu {
+ .dropdown-menu {
+ &.bottom {
top: auto;
bottom: 25px;
}
diff --git a/web/sass-files/sass/partials/_post_right.scss b/web/sass-files/sass/partials/_post_right.scss
index bd3d60622..01be9e288 100644
--- a/web/sass-files/sass/partials/_post_right.scss
+++ b/web/sass-files/sass/partials/_post_right.scss
@@ -11,7 +11,15 @@
.post-right-comments-container {
position: relative;
- padding: 0.7em 0 0;
+
+ .post {
+
+ &:first-child {
+ padding-top: 15px;
+ }
+
+ }
+
}
.post {
@@ -19,6 +27,11 @@
&.post--root {
padding-bottom: 1.2em;
border-bottom: 1px solid #ddd;
+
+ .post__body {
+ background: transparent !important;
+ }
+
}
.post__header {
diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index 5d6cbee60..1a8e3f374 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -92,12 +92,14 @@
font-size: 1em;
}
- .date-separator.hovered--after:before, .new-separator.hovered--after:before {
+ .date-separator.hovered--before:after, .date-separator.hovered--after:before, .new-separator.hovered--after:before, .new-separator.hovered--before:after {
background: none !important;
}
.post {
+ background: none !important;
+
.post__dropdown {
line-height: 9px;
text-decoration: none;
@@ -114,6 +116,10 @@
}
+ .comment-icon__container {
+ visibility: visible;
+ }
+
.post-list__content & {
&:hover {
@@ -776,6 +782,24 @@
}
}
@media screen and (max-width: 480px) {
+ .settings-modal {
+
+ .settings-table {
+
+ .security-links {
+ margin-bottom: 10px;
+ display: block;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+ }
+
+ }
+
+ }
+
.tip-overlay.tip-overlay--sidebar {
min-height: 350px;
}
diff --git a/web/sass-files/sass/partials/_settings.scss b/web/sass-files/sass/partials/_settings.scss
index 1bbec566c..c79b54922 100644
--- a/web/sass-files/sass/partials/_settings.scss
+++ b/web/sass-files/sass/partials/_settings.scss
@@ -144,7 +144,11 @@
select {
padding-right: 25px;
}
+ select::-ms-expand {
+ display: none;
+ }
&:before {
+ pointer-events: none;
position: absolute;
top: 11px;
right: 50px;
@@ -181,12 +185,57 @@
.theme-elements {
padding-left:15px;
+
.element {
margin-right:10px;
+
+ &:nth-child(2n) {
+ margin-right: 0;
+ }
+
}
}
+ .theme-elements__header {
+ margin: 10px 20px 0px 0;
+ border-bottom: 1px solid #ccc;
+ padding: 5px 0 10px;
+ font-size: em(13.5px);
+ font-weight: 600;
+ cursor: pointer;
+
+ .fa-minus {
+ display: none;
+ }
+
+ &.open {
+ .fa-minus {
+ display: inline-block;
+ }
+ .fa-plus {
+ display: none;
+ }
+ }
+
+ .header__icon {
+ float: right;
+ @include opacity(0.5);
+ }
+
+ }
+
+ .theme-elements__body {
+ padding-top: 5px;
+ display: none;
+ @include legacy-pie-clearfix;
+ background: rgba(255, 255, 255, 0.05);
+ padding: 20px 0 0 20px;
+ margin: 0 20px 0 0;
+ @include border-radius(0 0 3px 3px);
+ }
+
.custom-label {
+ white-space: nowrap;
font-weight: normal;
font-size: 12px;
width: 100%;
@@ -207,6 +256,7 @@
.section-title {
margin-bottom: 5px;
font-weight: 600;
+ padding-right: 50px;
}
.section-edit {
diff --git a/web/sass-files/sass/partials/_tutorial.scss b/web/sass-files/sass/partials/_tutorial.scss
index 0a2d1e704..1f93fc6a9 100644
--- a/web/sass-files/sass/partials/_tutorial.scss
+++ b/web/sass-files/sass/partials/_tutorial.scss
@@ -105,7 +105,7 @@
font-size: 12px;
span {
- @include opacity(0.5);
+ @include opacity(0.9);
}
}