[TASK] Finalize skinning of Sys_Note (Web>List & Web>Page) 05/28405/3
authorFelix Kopp <felix-source@phorax.com>
Fri, 14 Mar 2014 21:54:35 +0000 (22:54 +0100)
committerChristian Kuhn <lolli@schwarzbu.ch>
Sun, 16 Mar 2014 17:09:32 +0000 (18:09 +0100)
Brings last styles according to layout defined by the UX team.

Resolves: #56960
Related: #26796
Releases: 6.2
Change-Id: Ie1c4bc57343555edac66362100a6ec659d953173
Reviewed-on: https://review.typo3.org/28405
Reviewed-by: Ernesto Baschny
Tested-by: Ernesto Baschny
Reviewed-by: Christian Kuhn
Tested-by: Christian Kuhn
typo3/sysext/sys_note/Resources/Private/Templates/Note/List.html
typo3/sysext/t3skin/Resources/Public/Css/structure/module_web_list_sysnote.css
typo3/sysext/t3skin/Resources/Public/Css/visual/module_web_list_sysnote.css [new file with mode: 0644]

index 6400661..6d26409 100644 (file)
@@ -15,7 +15,8 @@
                                                        <f:then>{note.author.realName}</f:then>
                                                        <f:else>{note.author.userName}</f:else>
                                                </f:if>
-                                               &middot;
+
+                                               &nbsp; <span>&bull;</span> &nbsp;
 
                                                <span><f:translate key="date" /></span>
                                                <f:format.date>{note.modificationDate}</f:format.date>
index 70c4822..bfe14fc 100644 (file)
@@ -1,3 +1,7 @@
+/* - - - - - - - - - - - - - - - - - - - - -
+Sys notes
+- - - - - - - - - - - - - - - - - - - - - */
+
 #typo3-dblist-sysnotes {
        margin-top: 15px;
 }
 }
 
 #typo3-dblist-sysnotes .single-note .header {
-       background: #d7d7d7;
-       height:24px;
+       min-height: 24px;
        line-height: 24px;
 }
 
 #typo3-dblist-sysnotes .single-note .header span.typeicon {
-       background:  url(../../../../icons/ext/sys_note/icon-default.png) no-repeat top left;
        width: 23px;
        height: 24px;
        margin-right: 7px;
        visibility: hidden;
 }
 
-#typo3-dblist-sysnotes .single-note.active .header {
-       background-color: #666;
-}
-
 #typo3-dblist-sysnotes .single-note.active .header .right.icons {
        visibility: visible;
 }
 
-#typo3-dblist-sysnotes .single-note.active .header,
-#typo3-dblist-sysnotes .single-note.active .header span {
-       color: #d7d7d7;
-}
-
 #typo3-dblist-sysnotes .single-note .header span.typeicon {
        cursor: pointer;
 }
 
-#typo3-dblist-sysnotes .category-1 .header span.typeicon {
-       background-image: url(../../../../icons/ext/sys_note/icon-instruction.png);
-}
-#typo3-dblist-sysnotes .category-2 .header span.typeicon {
-       background-image: url(../../../../icons/ext/sys_note/icon-template.png);
-}
-#typo3-dblist-sysnotes .category-3 .header span.typeicon {
-       background-image: url(../../../../icons/ext/sys_note/icon-note.png);
-}
-#typo3-dblist-sysnotes .category-4 .header span.typeicon {
-       background-image: url(../../../../icons/ext/sys_note/icon-todo.png);
-}
-
-#typo3-dblist-sysnotes .single-note .header span {
-       color: #666;
-}
-
 #typo3-dblist-sysnotes .single-note .header .right {
        float: right;
        margin-top: -3px;
 }
 
 #typo3-dblist-sysnotes .single-note .content {
-       background: #fffeed;
-       border: 1px solid #dadada;
        border-top: none;
-       padding: 15px 10px;
+       padding: 12px;
 }
 
 #typo3-dblist-sysnotes .single-note .content .title {
        font-weight: bold;
-       margin-bottom: 5px;
+       margin-bottom: 6px;
 }
\ No newline at end of file
diff --git a/typo3/sysext/t3skin/Resources/Public/Css/visual/module_web_list_sysnote.css b/typo3/sysext/t3skin/Resources/Public/Css/visual/module_web_list_sysnote.css
new file mode 100644 (file)
index 0000000..9e1b7be
--- /dev/null
@@ -0,0 +1,50 @@
+/* - - - - - - - - - - - - - - - - - - - - -
+Sys notes
+- - - - - - - - - - - - - - - - - - - - - */
+
+#typo3-dblist-sysnotes .single-note .header {
+       background: #d7d7d7;
+       color: #000;
+       font-size: 0.9em;
+}
+
+#typo3-dblist-sysnotes .single-note .header span {
+       color: #666;
+}
+
+#typo3-dblist-sysnotes .single-note .header span.typeicon {
+       background:  url(../../../../icons/ext/sys_note/icon-default.png) no-repeat top left;
+}
+
+#typo3-dblist-sysnotes .single-note.active .header {
+       background-color: #666;
+}
+
+#typo3-dblist-sysnotes .single-note.active .header,
+#typo3-dblist-sysnotes .single-note.active .header span {
+       color: #d7d7d7;
+}
+
+#typo3-dblist-sysnotes .category-1 .header span.typeicon {
+       background-image: url(../../../../icons/ext/sys_note/icon-instruction.png);
+}
+#typo3-dblist-sysnotes .category-2 .header span.typeicon {
+       background-image: url(../../../../icons/ext/sys_note/icon-template.png);
+}
+#typo3-dblist-sysnotes .category-3 .header span.typeicon {
+       background-image: url(../../../../icons/ext/sys_note/icon-note.png);
+}
+#typo3-dblist-sysnotes .category-4 .header span.typeicon {
+       background-image: url(../../../../icons/ext/sys_note/icon-todo.png);
+}
+
+#typo3-dblist-sysnotes .single-note .content {
+       background: #fffeed;
+       border: 1px solid #dadada;
+       border-top: none;
+       color: #666;
+}
+
+#typo3-dblist-sysnotes .single-note .content .title {
+       font-weight: bold;
+}
\ No newline at end of file