Fix markdown styles

This commit is contained in:
Julius Haertl
2016-07-08 20:25:23 +02:00
parent 82158f03a0
commit 3a5525b18b
4 changed files with 50 additions and 3 deletions

View File

@@ -604,3 +604,32 @@ margin-bottom:2px; width:100%;
display:none !important; display:none !important;
} }
} }
#markdown p {
margin-bottom:15px;
}
#markdown ol,
#markdown ul {
margin-left:20px;
list-style-type: disc;
}
#markdown h1 {
font-size:18px;
margin-bottom:5px;
}
#markdown h2 {
font-size:16px;
}
#markdown h3 {
font-size:14px;
}
#markdown h4 {
font-size:13px;
}
#markdown h6 {
font-size:12px;
}
#markdown pre {
background-color:#eeeeee;
padding:3px;
}

View File

@@ -1,7 +1,16 @@
app.config(function ($provide, $routeProvider, $interpolateProvider, $httpProvider, $urlRouterProvider, $stateProvider, $compileProvider) { app.config(function ($provide, $routeProvider, $interpolateProvider, $httpProvider, $urlRouterProvider, $stateProvider, $compileProvider, markdownProvider) {
'use strict'; 'use strict';
$httpProvider.defaults.headers.common.requesttoken = oc_requesttoken; $httpProvider.defaults.headers.common.requesttoken = oc_requesttoken;
markdownProvider.config({
simplifiedAutoLink: true,
strikethrough: true,
tables: true,
tasklists: true,
});
$compileProvider.debugInfoEnabled(true); $compileProvider.debugInfoEnabled(true);
$urlRouterProvider.otherwise("/"); $urlRouterProvider.otherwise("/");

View File

@@ -28,10 +28,19 @@ var app = angular.module('Deck', [
]); ]);
app.config(["$provide", "$routeProvider", "$interpolateProvider", "$httpProvider", "$urlRouterProvider", "$stateProvider", "$compileProvider", function ($provide, $routeProvider, $interpolateProvider, $httpProvider, $urlRouterProvider, $stateProvider, $compileProvider) { app.config(["$provide", "$routeProvider", "$interpolateProvider", "$httpProvider", "$urlRouterProvider", "$stateProvider", "$compileProvider", "markdownProvider", function ($provide, $routeProvider, $interpolateProvider, $httpProvider, $urlRouterProvider, $stateProvider, $compileProvider, markdownProvider) {
'use strict'; 'use strict';
$httpProvider.defaults.headers.common.requesttoken = oc_requesttoken; $httpProvider.defaults.headers.common.requesttoken = oc_requesttoken;
markdownProvider.config({
simplifiedAutoLink: true,
strikethrough: true,
tables: true,
tasklists: true,
});
$compileProvider.debugInfoEnabled(true); $compileProvider.debugInfoEnabled(true);
$urlRouterProvider.otherwise("/"); $urlRouterProvider.otherwise("/");

View File

@@ -44,7 +44,7 @@
<div id="card-description"> <div id="card-description">
<h3>Description</h3> <h3>Description</h3>
<textarea elastic ng-if="status.description" placeholder="Enter your description here ..." ng-blur="updateCard(cardservice.getCurrent())" ng-model="cardservice.getCurrent().description" autofocus-on-insert> </textarea> <textarea elastic ng-if="status.description" placeholder="Enter your description here ..." ng-blur="updateCard(cardservice.getCurrent())" ng-model="cardservice.getCurrent().description" autofocus-on-insert> </textarea>
<div class="container" ng-click="editDescription()" ng-show="!status.description" ng-animate><div ng-bind-html="cardservice.getCurrent().description | markdown"></div><div class="placeholder" ng-if="!cardservice.getCurrent().description">Add a card description ...</div></div> <div class="container" ng-click="editDescription()" ng-show="!status.description" ng-animate><div ng-bind-html="cardservice.getCurrent().description | markdown" id="markdown"></div><div class="placeholder" ng-if="!cardservice.getCurrent().description">Add a card description ...</div></div>
</div> </div>