fix tooltip in record editor

fix images path in record editor wip: standardize font-sizes
2025-10-23 18:03:17 +00:00 · 2015-11-27 13:24:36 +01:00
parent 4e7131f296
commit 34689daaa8
37 changed files with 209 additions and 231 deletions
--- a/resources/www/prod/skins/ui-components/_actions.scss
+++ b/resources/www/prod/skins/ui-components/_actions.scss
@@ -125,7 +125,7 @@

 .contextMenuTrigger {
  color: $textPrimaryColor;
-  font-size: 10px;
+  font-size: $smallFontSize;
  margin-left: 5px;
  line-height: 18px;
  vertical-align: middle;
--- a/resources/www/prod/skins/ui-components/_answers-tools.scss
+++ b/resources/www/prod/skins/ui-components/_answers-tools.scss
@@ -15,7 +15,7 @@
  margin-bottom: 0px;
  margin-top: 0px;
  background-color: $mediumBackgroundColor;
-  font-size:10px;
+  font-size: $smallFontSize;
  z-index:100;
  height:45px;
 }
@@ -38,7 +38,7 @@
 #idFrameT .tools .dropdownButton button.btn {
  height: 30px;
  font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
-  font-size: 12px;
+  font-size: $mediumFontSize;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
@@ -84,7 +84,7 @@

 #idFrameT .tools .dropdown-menu a {
  padding: 3px 10px;
-  font-size: 12px;
+  font-size: $mediumFontSize;
  color: $answersToolsBtnColor;
  cursor: pointer;
 }
--- a/resources/www/prod/skins/ui-components/_answers.scss
+++ b/resources/www/prod/skins/ui-components/_answers.scss
@@ -154,18 +154,6 @@ $answersInfoLabelColor: #949494 !default;
    position: relative;
    clear: left;
    margin: 10px;
-    .btn {
-      font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
-      font-size: 12px;
-      font-weight: bold;
-    }
-    .btn-inverse:hover {
-      color: $textPrimaryHoverColor;
-    }
-    .btn-group.open .btn-inverse.dropdown-toggle {
-      background-color: $darkerBackgroundColor;
-      background-image: none;
-    }
    .headblock {
      max-width: 800px;
      margin-bottom: 20px;
@@ -215,7 +203,7 @@ $answersInfoLabelColor: #949494 !default;
      font-weight: bold;
      font-size: 20px;
      .author {
-        font-size: 12px;
+        font-size: $mediumFontSize;
        font-weight: normal;
        margin-left: 15px;
      }
@@ -247,7 +235,7 @@ $answersInfoLabelColor: #949494 !default;
      height: 60px;
      text-align: center;
      font-weight: bold;
-      font-size: 13px;
+      font-size: $mediumFontSize;
      background-position: center bottom;
    }
    .contents {
--- a/resources/www/prod/skins/ui-components/_buttons.scss
+++ b/resources/www/prod/skins/ui-components/_buttons.scss
@@ -15,7 +15,7 @@

 .ui-dialog .btn {
  font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
-  font-size: 12px;
+  font-size: $mediumFontSize;
  font-weight: bold;
 }

--- a/resources/www/prod/skins/ui-components/_diapo.scss
+++ b/resources/www/prod/skins/ui-components/_diapo.scss
@@ -50,7 +50,8 @@ $diapoBorderColor: $darkerBorderColor !default;

  .bottom {
    position: absolute;
-    bottom: 0px;
+    bottom: 0;
+    z-index: 100;
  }

  div.title {
--- a/resources/www/prod/skins/ui-components/_jquery-ui.scss
+++ b/resources/www/prod/skins/ui-components/_jquery-ui.scss
@@ -32,7 +32,7 @@ $modalBackground: $darkerBackgroundColor !default;
      overflow: hidden;
      a {
        padding: 5px 8px;
-        font-size: 0.8em;
+        //font-size: 0.8em;
        font-weight: normal;
        color: $lightTextColor; // more contrasted  color
      }
@@ -84,7 +84,7 @@ $modalBackground: $darkerBackgroundColor !default;
 .ui-tabs li.ui-state-active a, .ui-state-active a:link, .ui-state-active a {
  color: $mediumTextActiveColor;
  font-weight: bold;
-  font-size: 0.8em;
+  //font-size: 0.8em;
 }

 .ui-state-active, .ui-widget-content .ui-state-active {
--- a/resources/www/prod/skins/ui-components/_modal-bridge.scss
+++ b/resources/www/prod/skins/ui-components/_modal-bridge.scss
@@ -9,7 +9,6 @@
    *border: 1px solid $bridgeDropdownMenuBorder;
    a {
      padding: 3px 10px;
-      font-size: 12px;
      color: $bridgeDropdownMenuColor;
      cursor: pointer;
      &:hover {
@@ -196,7 +195,7 @@
 #dialog_publicator .element_menu .default_action,
 .element_menu .trigger {
  z-index: 444;
-  font-size: 13px;
+  font-size: $mediumFontSize;
  font-weight: normal;
  border-color: #666
 }
--- a/resources/www/prod/skins/ui-components/_modal-edit.scss
+++ b/resources/www/prod/skins/ui-components/_modal-edit.scss
@@ -294,7 +294,8 @@
 #idFrameE {
  .ui-datepicker-inline {
    background-color: #111111;
-    background-image: url('#{$skinsImagesPath}ui-bg_gloss-wave_20_111111_500x100.png');
+    // /assets/prod/skins/{{cssfile}}/images/
+    background-image: url('#{$iconsPath}ui-bg_gloss-wave_20_111111_500x100.png');
    background-repeat: repeat-x;
    background-position: 50% top;
  }
--- a/resources/www/prod/skins/ui-components/_modal-preview.scss
+++ b/resources/www/prod/skins/ui-components/_modal-preview.scss
@@ -76,7 +76,7 @@

 #PREVIEWOTHERSINNER li.title {
  font-weight: bold;
-  font-size: 13px;
+  font-size: $mediumFontSize;
  margin: 10px 10px 5px;
 }

--- a/resources/www/prod/skins/ui-components/_modal-publish.scss
+++ b/resources/www/prod/skins/ui-components/_modal-publish.scss
@@ -14,7 +14,7 @@
        background-color: $darkerBackgroundColor;
        border: 1px solid $darkerBorderColor;
        color: $darkerTextColor;
-        font-size: 13px;
+        font-size: $mediumFontSize;
        cursor: pointer;
        &.odd {
          background-color: lighten($darkerBackgroundColor, 5);
--- a/resources/www/prod/skins/ui-components/_modal-push.scss
+++ b/resources/www/prod/skins/ui-components/_modal-push.scss
@@ -12,11 +12,11 @@
 }

 .PushBox .LeftColumn ul {
-  margin:10px 0;
+  margin: 10px 0;
 }

 .PushBox .LeftColumn ul li img {
-  margin-right:5px;
+  margin-right: 5px;
  vertical-align: middle;
 }

@@ -43,90 +43,90 @@
 }

 .PushBox .user_content .badges {
-  top:50px;
-  overflow:auto;
-  height:auto;
-  bottom:50px;
-  left:20px;
-  right:20px;
+  top: 50px;
+  overflow: auto;
+  height: auto;
+  bottom: 50px;
+  left: 20px;
+  right: 20px;
 }

 .PushBox .user_content .badges .badge .deleter {
-  float:right;
+  float: right;

 }

 .PushBox .user_content .badges .badge {
-  width:230px;
-  height:80px;
-  margin:10px;
-  display:inline-block;
+  width: 230px;
+  height: 80px;
+  margin: 10px;
+  display: inline-block;
  background-color: #515150;
-  border:3px solid #515150;
-  padding:3px;
+  border: 3px solid #515150;
+  padding: 3px;
 }

 .PushBox .user_content .badges .badge.selected {
-  border:3px solid #EFEFEF;
+  border: 3px solid #EFEFEF;
 }

 .PushBox .user_content .badges .badge .toggles .status_on .toggle_off {
-  display:none;
+  display: none;
 }

 .PushBox .user_content .badges .badge .toggles .status_off .toggle_on {
-  display:none;
+  display: none;
 }

-.PushBox .user_content .badges .badge td{
+.PushBox .user_content .badges .badge td {
  vertical-align: top;
 }

-.PushBox .user_content .badges .badge td.toggle{
+.PushBox .user_content .badges .badge td.toggle {
  vertical-align: bottom;
 }

-.PushBox .user_content .badges .badge .icon{
-  width:80px;
-  background-color:#404040;
+.PushBox .user_content .badges .badge .icon {
+  width: 80px;
+  background-color: #404040;
 }

 .PushBox .user_content .badges .badge .infos {
-  padding-top:3px;
-  padding-left:5px;
+  padding-top: 3px;
+  padding-left: 5px;
 }

 .PushBox .user_content .badges .badge table {
-  width:95%;
+  width: 95%;
 }

 .PushBox .user_content .badges .badge .infos table {
-  height:75px;
+  height: 75px;
 }

 .PushBox .user_content .badges .badge .infos tr {
-  height:20px;
+  height: 20px;
 }

 .PushBox .user_content .badges .badge .infos tr.toggles {
-  height:25px;
-  text-align:center;
+  height: 25px;
+  text-align: center;
 }

 .PushBox .user_content .badges .badge .icon img {
-  margin:7px;
+  margin: 7px;
 }

 .PushBox .user_content .badges .badge .name {
-  font-weight:bold;
-  white-space:pre-line;
-  display:block;
-  font-size:12px;
+  font-weight: bold;
+  white-space: pre-line;
+  display: block;
+  font-size: $mediumFontSize;
 }

 .PushBox .user_content .badges .badge .subtite {
-  display:block;
-  font-size:10px;
+  display: block;
+  font-size: 10px;
 }

 .PushBox .user_content .header .options {
@@ -134,7 +134,7 @@
 }

 .PushBox .all-lists .lists {
-  overflow:auto;
+  overflow: auto;
 }

 .PushBox .LeftColumn .content ul.list li:nth-child(odd) {
@@ -162,19 +162,19 @@
 }

 .PushBox .lists .list {
-  padding:3px 0;
+  padding: 3px 0;
 }

 .PushBox .welcome {
  text-align: center;
  font-size: 16px;
  line-height: 18px;
-  margin : 20px 0;
+  margin: 20px 0;
 }

 .PushBox .welcome h1 {
  font-weight: bold;
-  margin:40px 0;
+  margin: 40px 0;
 }

 #list-editor-search-results {
@@ -182,14 +182,14 @@
 }

 #list-editor-search-results table td {
-  padding:1px 0;
-  overflow:hidden;
+  padding: 1px 0;
+  overflow: hidden;
 }

 #list-editor-search-results table tr {
  line-height: 24px;
  vertical-align: middle;
-  cursor:pointer;
+  cursor: pointer;
 }

 #list-editor-search-results table tr.odd {
@@ -197,70 +197,66 @@
 }

 #list-editor-search-results table tr.selected {
-  background-color:#D18827;
+  background-color: #D18827;
 }

-
 #list-editor-search-results table th.sortable span {
-  margin:0 5px;
+  margin: 0 5px;
 }

 #list-editor-search-results table th.sortable {
-  cursor:pointer;
+  cursor: pointer;
 }

 #list-editor-search-results table th.sortable.hover,
 #list-editor-search-results table th.sortable.sorted {
-  background-color:#F0AD30;
+  background-color: #F0AD30;
 }

 #list-editor-search-results table th.sortable span.ord_notifier {
-  display:none;
+  display: none;
 }

 #list-editor-search-results table th.sortable.sorted span.ord_notifier {
-  display:inline;
+  display: inline;
 }

-
-
 #ListShare table {
-  width:100%;
-  margin:5px;
-  background-color:#505050;
+  width: 100%;
+  margin: 5px;
+  background-color: #505050;
 }

 #ListManager .content.readonly .badge {
-  width:250px;
-  display:inline-block;
-  margin:5px;
+  width: 250px;
+  display: inline-block;
+  margin: 5px;
  background-color: #515150;
-  padding:5px;
+  padding: 5px;
 }

 #ListManager .content.readonly .badge .deleter {
-  float:right;
+  float: right;
 }

-
-#ListManager .content.readonly .badge table{
-  width:auto;
+#ListManager .content.readonly .badge table {
+  width: auto;
  table-layout: fixed;
 }

-#ListManager .content.readonly .badge .infos{
-  padding:2px;
+#ListManager .content.readonly .badge .infos {
+  padding: 2px;
 }

-#ListManager h1 span.title{
-  font-size:24px;
-  line-height:24px;
-  font-weight:bold;
-  vertical-align:middle;
+#ListManager h1 span.title {
+  font-size: 24px;
+  line-height: 24px;
+  font-weight: bold;
+  vertical-align: middle;
 }

 #PushBox .general_togglers li {
-  margin-top:5px;
+  margin-top: 5px;
 }

 #PushBox .general_togglers button {
@@ -269,12 +265,10 @@
  width: 100%;
 }

-
 #PushBox .general_togglers button .ui-button-text {
  font-weight: lighter;
 }

-
 #PushBox .content .list_saver {
  padding-top: 20px;
  padding-bottom: 20px;
@@ -298,15 +292,15 @@
 }

 #ListManager .content .lists span.action {
-  display:block;
-  text-align:center;
+  display: block;
+  text-align: center;
  font-weight: bold;
-  width:100%;
+  width: 100%;
 }

 #recommanded-users {
-  margin-top:25px;
-  line-height:15px;
+  margin-top: 25px;
+  line-height: 15px;
 }

 #recommanded-users a:last-child {
@@ -315,8 +309,8 @@
 }

 #QuickAddUser table {
-  width:100%;
-  table-layout:auto;
+  width: 100%;
+  table-layout: auto;
 }

 #QuickAddUser table tr td {
--- a/resources/www/prod/skins/ui-components/_pagination.scss
+++ b/resources/www/prod/skins/ui-components/_pagination.scss
@@ -8,7 +8,7 @@
  margin: 0 4px;
  background-color: #0077BC;
  border-radius: $defaultBorderRadius;
-  font-size: 12px;
+  font-size: $mediumFontSize;
  line-height: 14px;
  font-weight: bold;
  cursor: pointer;
--- a/resources/www/prod/skins/ui-components/_upload.scss
+++ b/resources/www/prod/skins/ui-components/_upload.scss
@@ -22,7 +22,7 @@
  h5 {
    margin-top: 20px;
    margin-bottom: 10px;
-    font-size: 13px;
+    font-size: $mediumFontSize;
    font-weight: bold;
    text-align: left;
  }
--- a/resources/www/prod/skins/ui-components/_workzone-baskets.scss
+++ b/resources/www/prod/skins/ui-components/_workzone-baskets.scss
@@ -35,7 +35,7 @@
      color: $workzoneBasketAlertDataColor;
      text-align: center;
      font-weight: bold;
-      font-size: 12px;
+      font-size: $mediumFontSize;
      display: none;
      z-index: 5000;
    }
@@ -79,7 +79,7 @@
        right: 40px;
        height: 16px;
        margin: 2px 0;
-        font-size: 12px;
+        font-size: $mediumFontSize;
      }
      .menu {
        text-align: right;
@@ -119,7 +119,7 @@
    }
    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
      color: $textPrimaryActiveColor;
-      font-size: 1em;
+      //font-size: 1em;
    }
  }
 }
--- a/resources/www/prod/skins/ui-components/_workzone-proposals.scss
+++ b/resources/www/prod/skins/ui-components/_workzone-proposals.scss
@@ -14,7 +14,7 @@
    }
    li {
      line-height: 17px;
-      font-size: 13px;
+      font-size: $mediumFontSize;
    }
    &.fancytree-container {
      background-color: $mediumBackgroundColor;
@@ -50,7 +50,7 @@
    border-left: 4px solid $mediumBackgroundColor;
    border-bottom: 1px solid $mediumBorderColor;
    .fancytree-title {
-      font-size: 12px;
+      font-size: $xmediumFontSize;
      margin-left: 10px;
    }
    &:hover {
@@ -93,7 +93,7 @@
  }

  .fancytree-title {
-    font-size: 12px;
+    font-size: $xmediumFontSize;
    color: $proposalsTitle;
    background-color: transparent;
    border: 0px none transparent;
--- a/resources/www/prod/skins/ui-components/_workzone-thesaurus.scss
+++ b/resources/www/prod/skins/ui-components/_workzone-thesaurus.scss
@@ -54,7 +54,7 @@
 }

 #THPD_T_treeBox {
-  font-size: 0.85em;
+  font-size: $xmediumFontSize;
  overflow-x: hidden;
  overflow-y: hidden;
  > div {
--- a/resources/www/prod/skins/ui-components/_workzone.scss
+++ b/resources/www/prod/skins/ui-components/_workzone.scss
@@ -155,7 +155,7 @@
      display: inline;
      margin: 0 15px 0 0;
      float: left;
-      font-size: 11px;
+      font-size: $smallFontSize;
      color: $workzoneToolsLabelColor;
      line-height: 22px;
      vertical-align: middle;