Discourse/discourse
Discourse/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-09-06 10:50:21 +08:00
Code Packages Activity Actions 9

UX: fix user bio & category topic template editors

Browse source
This commit is contained in:
Régis Hanol 2017-11-10 17:52:08 +01:00
parent 31e2385316
commit 482982dce8
3 changed files with 27 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/discourse/templates/preferences/profile.hbs
View file

@ -1,7 +1,7 @@
{{#if canChangeBio}}
<div class="control-group pref-bio">
<label class="control-label">{{i18n 'user.bio'}}</label>
<div class="controls bio-composer">
<div class="controls bio-composer input-xxlarge">
{{d-editor value=model.bio_raw}}
</div>
</div>

25
app/assets/stylesheets/common/d-editor.scss
View file

@ -138,3 +138,28 @@
display: none;
flex: 0;
}
.user-preferences .bio-composer,
.edit-category-tab-topic-template {
textarea {
width: 100%;
}
.d-editor-container {
display: block;
}
.d-editor-textarea-wrapper {
border: 1px solid $primary-low;
}
.d-editor-preview-wrapper {
max-width: 100%;
margin: 10px 0 0 0;
}
.d-editor-preview {
background-color: dark-light-diff($primary, $secondary, 97%, -70%);
}
}
.user-preferences .bio-composer {
padding: 10px;
border: 1px solid $primary-low;
}

1
app/assets/stylesheets/common/foundation/variables.scss
View file

@ -82,6 +82,7 @@ $base-font-family: Helvetica, Arial, sans-serif !default;
// standard color transformations, use these if possible, and add any new dark-light-diffs here
//primary
$primary-very-low: dark-light-diff($primary, $secondary, 97%, -75%);
$primary-low: dark-light-diff($primary, $secondary, 90%, -65%);
$primary-low-mid: dark-light-diff($primary, $secondary, 70%, -45%);
$primary-medium: dark-light-diff($primary, $secondary, 50%, -20%);