[TASK] Restructured HTML and added basic css to opendocs 58/34158/5
authorgriebie <griebenow@alltagsaesthetisierung.de>
Fri, 14 Nov 2014 11:30:52 +0000 (12:30 +0100)
committerFelix Kopp <felix-source@phorax.com>
Fri, 14 Nov 2014 15:16:35 +0000 (16:16 +0100)
I moved the inline css to opendocs.css introducing a new class name.
Resolves: #62945
Releases: master
Change-Id: I5d008a3ed2d079f86abe3e97656fbe7389dffc71
Reviewed-on: http://review.typo3.org/34158
Reviewed-by: Benjamin Mack <benni@typo3.org>
Tested-by: Benjamin Mack <benni@typo3.org>
Reviewed-by: Felix Kopp <felix-source@phorax.com>
Tested-by: Felix Kopp <felix-source@phorax.com>
typo3/sysext/opendocs/Classes/Controller/OpendocsController.php
typo3/sysext/opendocs/Resources/Public/Css/opendocs.css

index 835d4ee..699d166 100644 (file)
@@ -128,7 +128,7 @@ class OpendocsController implements \TYPO3\CMS\Backend\Toolbar\ToolbarItemInterf
                if (count($entries)) {
                        $content = implode('', $entries);
                } else {
-                       $content = '<li>' . $GLOBALS['LANG']->getLL('no_docs', TRUE) . '</li>';
+                       $content = '<li class="noOpenDocs">' . $GLOBALS['LANG']->getLL('no_docs', TRUE) . '</li>';
                }
                return $content;
        }
@@ -163,8 +163,10 @@ class OpendocsController implements \TYPO3\CMS\Backend\Toolbar\ToolbarItemInterf
                        $closeIcon = \TYPO3\CMS\Backend\Utility\IconUtility::getSpriteIcon('actions-document-close');
                        $entry = '
                                <li class="opendoc' . $firstRow . '">
-                                       <a href="#" onclick="jump(unescape(\'' . htmlspecialchars($link) . '\'), \'web_list\', \'web\', ' . $pageId . ');TYPO3.OpendocsMenu.toggleMenu(); return false;" target="content">' . $icon . $label . '</a>
-                                       <a href="#" class="close" data-opendocsidentifier="' . $md5sum . '">' . $closeIcon . '</a>
+                                       <div class="linkWrap">
+                                               <a href="#" class="opendocLink" onclick="jump(unescape(\'' . htmlspecialchars($link) . '\'), \'web_list\', \'web\', ' . $pageId . ');TYPO3.OpendocsMenu.toggleMenu(); return false;" target="content">' . $icon . $label . '</a>
+                                               <a href="#" class="close" data-opendocsidentifier="' . $md5sum . '">' . $closeIcon . '</a>
+                                       </div>
                                </li>';
                } else {
                        // Recently used document
index e052b90..a40511d 100644 (file)
@@ -9,30 +9,48 @@ Description : styles the Open Documents toolbar item
 
 - - - - - - - - - - - - - - - - - - - - - */
 
-#tx-opendocs-menu .toolbar-item-menu .list th {
-       text-align: left;
-       font-weight: normal;
-       line-height: 16px;
-       padding-left: 7px;
+#tx-opendocs-menu .opendoc {
+       width: inherit;
 }
 
-#tx-opendocs-menu .toolbar-item-menu td.label {
-       font-size: 100%;
+#tx-opendocs-menu .dropdown-menu {
+       max-width: 400px;
+       width: auto;
+       white-space: nowrap;
 }
 
-#tx-opendocs-menu .toolbar-item-menu .list .opendoc .icon,
-#tx-opendocs-menu .toolbar-item-menu .list .recentdoc .icon {
+#tx-opendocs-menu .opendoc .icon,
+#tx-opendocs-menu .recentdoc .icon {
        padding-left: 7px;
        vertical-align: top;
        width: 16px;
 }
 
-#tx-opendocs-menu .toolbar-item-menu .list .opendoc .close {
+#tx-opendocs-menu .linkWrap {
+       display: table;
+       padding: 3px 20px;
+       width: 100%;
+}
+
+#tx-opendocs-menu .opendoc .opendocLink {
+       display: table-cell;
+       padding-right: 10px;
+}
+
+#tx-opendocs-menu .opendoc .close {
        width: 20px;
        text-align: center;
        vertical-align: top;
+       display: table-cell;
+       position: relative;
+       top: 3px;
 }
 
-#tx-opendocs-menu .toolbar-item-menu .list .opendoc .close span {
+#tx-opendocs-menu .opendoc .close span {
        cursor: pointer;
+}
+
+
+#tx-opendocs-menu .noOpenDocs {
+       padding: 3px 20px;
 }
\ No newline at end of file