Seperated css (#7258)

* Removed css from notes.html.erb * Added a new css file * Added stylesheet link * Fixed typo * removed stylesheet link
publiclab · Jan 18, 2020 · d8c644a · d8c644a
1 parent 15bcb31
commit d8c644a
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 56 deletions.
diff --git a/app/assets/stylesheets/notes.css b/app/assets/stylesheets/notes.css
@@ -0,0 +1,52 @@
+#notes .card {
+  background-color: #fff;
+  border: 1px solid;
+  border-color: #D3D3D3;
+  border-radius: 6px;
+  margin:1em 0em 1em 0em;
+  padding: 0px !important;
+}
+#notes .card-body {
+  margin-right: 1em;
+  margin-left: 1em;
+  padding: 0.8em;
+  text-align: left;
+}
+
+#notes .btn {
+  font-size: 15px;
+}
+
+#notes .buttons {
+  text-align: center;
+}
+
+#notes .imgg {
+  background: #aaa;
+  display: flex;
+  align-items: center;
+}
+
+#notes .note-not {
+  margin-left:auto;
+  margin-right: auto;
+  color: #fff;
+}
+
+#notes .ellipsis {
+  cursor: pointer;
+}
+
+#notes .dropdown-menu li a{
+  display: inline-block;
+  padding-bottom: 5px;
+  padding-left: 14px;
+  font-size: 13px;
+}
+
+#notes .bottom-right {
+  position: absolute;
+  bottom: 10px;
+  right: 16px;
+  text-decoration: underline;
+ }
diff --git a/app/views/notes/_notes.html.erb b/app/views/notes/_notes.html.erb
@@ -16,59 +16,3 @@
 </div>
 <%= will_paginate notes, renderer: WillPaginate::ActionView::BootstrapLinkRenderer unless @unpaginated || (unpaginated ||= false) %>
 
-<style>
-/* TODO: Let's move this to a real stylesheet */
-#notes .card {
-  background-color: #fff;
-  border: 1px solid;
-  border-color: #D3D3D3;
-  border-radius: 6px;
-  margin:1em 0em 1em 0em;
-  padding: 0px !important;
-}
-#notes .card-body {
-  margin-right: 1em;
-  margin-left: 1em;
-  padding: 0.8em;
-  text-align: left;
-}
-
-#notes .btn {
-  font-size: 15px;
-}
-
-#notes .buttons {
-  text-align: center;
-}
-
-#notes .imgg {
-  background: #aaa;
-  display: flex;
-  align-items: center;
-}
-
-#notes .note-not {
-  margin-left:auto;
-  margin-right: auto;
-  color: #fff;
-}
-
-#notes .ellipsis {
-  cursor: pointer;
-}
-
-#notes .dropdown-menu li a{
-  display: inline-block;
-  padding-bottom: 5px;
-  padding-left: 14px;
-  font-size: 13px;
-}
-
-#notes .bottom-right {
-  position: absolute;
-  bottom: 10px;
-  right: 16px;
-  text-decoration: underline;
- }
-
-</style>