Changeset 412


Ignore:
Timestamp:
10/12/12 16:47:49 (13 years ago)
Author:
tjcschipper
Message:
  • Most visual bugs are gone now.
Location:
Dev/branches/rest-dojo-ui/client/rft
Files:
1 added
1 deleted
11 edited

Legend:

Unmodified
Added
Removed

  • Dev/branches/rest-dojo-ui/client/rft/css/LESS/main.less

    r411 r412  
    1919@import "rftObjectBox.less";
    2020@import "sessionEditor.less";
    21 @import "sessions.less";
     21
    2222
    2323// Page specific stylesheets!
    2424@import "pages/questions.less";
     25@import "pages/sessions.less";

  • Dev/branches/rest-dojo-ui/client/rft/css/LESS/mixins.less

    r411 r412  
    8383                .dijitButtonNode {
    8484                        background-color: @text;
     85                        color: @darkest;
    8586                }
    8687        }
    … …  
    8990                        @colorName: "@{color}_light";
    9091                        background-color: @@colorName;
     92                        color: @text;
    9193                }
    9294        }

  • Dev/branches/rest-dojo-ui/client/rft/css/LESS/rftButtons.less

    r411 r412  
    7575                        .noMargin;
    7676                        height: @button_block_height;
    77                         line-height: @button_block_height;
    7877                        vertical-align: top;
     78
     79                        .dijitButtonContents {
     80                                height: 24px;
     81                        }
    7982
    8083                        .dijitButtonNode {
    … …  
    8891                                color: @text;
    8992                                font-size: @button_block_font_size;
     93
     94                                .dijitButtonText {
     95                                        line-height: @button_block_height;
     96                                }
    9097
    9198                                .rftIcon {
    … …  
    150157                        }
    151158
    152                         &.rftInlineButtonHover.white {
    153                                 .setIcon(16px, black);
    154                         }
    155                         &.rftInlineButtonHover.black {
    156                                 .setIcon(16px, black);
     159                        &.dijitHover {
     160                                .rftIcon {
     161                                        // outline: @headers solid thin;
     162                                }
    157163                        }
    158164                }

  • Dev/branches/rest-dojo-ui/client/rft/css/LESS/rftIcons.less

    r411 r412  
    88                        background-color: transparent;
    99                        background-repeat: no-repeat;
    10 
    11                         //Probably not needed anymore! Commenting out to see if code breaks
    12                         // &.rftMainIcon {
    13                         //      .setIcon(@icon_mainSize);
    14                         // }
    15                         // &.rftMidIcon {
    16                         //      .setIcon(@icon_midSize);
    17                         // }
    18                         // &.rftSmallIcon {
    19                         //      .setIcon(@icon_smallSize);
    20                         // }
    21 
    2210                }
    2311        }

  • Dev/branches/rest-dojo-ui/client/rft/css/LESS/rftLineWithActions.less

    r411 r412  
    1111                        margin: @std_offset 0;
    1212                        color: @text;
     13                        .bgColor("blue");
    1314
    1415                        &.dojoDndItem {
    … …  
    3839                                white-space: nowrap;
    3940                                word-wrap: break-word;
     41                                line-height: 24px;
    4042                        }
    4143

  • Dev/branches/rest-dojo-ui/client/rft/css/LESS/rftObjectBox.less

    r411 r412  
    55                        margin: @std_offset_big 0;
    66
    7                         .rftIcon {
    8                                 .setIcon (32px);
    9                                 float: left;
    10                                 margin: 20px @std_offset_big;
     7                        .typeIcon {
     8                                // .setIcon (32px);
     9                                // margin: 20px @std_offset_big;
    1110                        }
    1211

  • Dev/branches/rest-dojo-ui/client/rft/css/LESS/rftSelector.less

    r411 r412  
    4444                                }
    4545                        }
     46
     47                        .rftSelectorOptions {
     48                                .rftLineWithActions {
     49                                        .rftInlineButton {
     50                                                .rftIcon {
     51                                                        .setIcon (16px, black);
     52                                                }
     53                                        }
     54                                }
     55                        }
    4656                }
    4757        }

  • Dev/branches/rest-dojo-ui/client/rft/css/LESS/variables.less

    r411 r412  
    1010@blue: #0072bc;
    1111@blue_light: #0794d1;
    12 @green: #3aa605;
    13 @green_light: #79ca0a;
     12// @green: #3aa605;                                     For now use the newer colours. Almost negligible difference, but looks better on non-calibrated monitors
     13// @green_light: #79ca0a;
     14@green: #25a000;
     15@green_light: #63c400;
     16
    1417@orange: #ff5b12;
    1518@orange_light: #ff9140;

  • Dev/branches/rest-dojo-ui/client/rft/css/main.css

    r411 r412  
    7878}
    7979#rft.claro .green.textColor {
    80   color: #3aa605;
     80  color: #25a000;
    8181}
    8282#rft.claro .green.textColor.doesHover:hover {
    83   color: #79ca0a;
     83  color: #63c400;
    8484}
    8585#rft.claro .green.bgColor {
    86   background-color: #3aa605;
     86  background-color: #25a000;
    8787  color: #ffffff;
    8888}
    8989#rft.claro .green.bgColor.doesHover:hover {
    90   background-color: #79ca0a;
     90  background-color: #63c400;
    9191  color: #111111;
    9292}
    9393#rft.claro .green.hoverTextColor:hover {
    94   color: #3aa605;
     94  color: #25a000;
    9595}
    9696#rft.claro .green.hoverBgColor:hover {
    97   background-color: #3aa605;
     97  background-color: #25a000;
    9898}
    9999#rft.claro .purple.textColor {
    … …  
    425425#rft.claro .green .dijitTabChecked,
    426426#rft.claro div.green.dijitTabChecked {
    427   background-color: #3aa605;
     427  background-color: #25a000;
    428428}
    429429#rft.claro.red .dijitTabChecked,
    … …  
    664664  background-color: #ffffff;
    665665  color: #111111;
     666}
     667#rft.claro .rftSelector .rftSelectorOptions .rftLineWithActions .rftInlineButton .rftIcon {
     668  width: 16px;
     669  height: 16px;
     670  margin: 4px 0;
     671  padding: 0 0 0 0;
     672  background-image: url('images/icons/rftIcons16b.png');
    666673}
    667674#rft.claro .rftLineWithActions {
    … …  
    676683  margin: 4px 0;
    677684  color: #ffffff;
     685  background-color: #0072bc;
    678686}
    679687#rft.claro .rftLineWithActions.dojoDndItem {
    … …  
    705713  white-space: nowrap;
    706714  word-wrap: break-word;
     715  line-height: 24px;
    707716}
    708717#rft.claro .rftLineWithActions .rftLineWithActionsButtons {
    … …  
    833842}
    834843#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.green {
    835   background-color: #3aa605;
     844  background-color: #25a000;
    836845}
    837846#rft.claro .rftIndexMenuButton.rftIndexMenuButtonHover.orange {
    … …  
    894903#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemActive.green,
    895904#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemSelected.green {
    896   background-color: #3aa605;
     905  background-color: #25a000;
    897906}
    898907#rft.claro .dijitMenuPopup .dijitMenu .dijitMenuItem.dijitMenuItemHover.orange,
    … …  
    10701079#rft.claro span.green.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
    10711080#rft.claro .green .rftLargeButton.rftLargeButtonActive .dijitButtonNode {
    1072   color: #79ca0a;
     1081  color: #63c400;
    10731082}
    10741083#rft.claro span.red.rftLargeButton.rftLargeButtonActive .dijitButtonNode,
    … …  
    10881097  margin: 0 0 0 0;
    10891098  height: 24px;
    1090   line-height: 24px;
    10911099  vertical-align: top;
     1100}
     1101#rft.claro .rftBlockButton .dijitButtonContents {
     1102  height: 24px;
    10921103}
    10931104#rft.claro .rftBlockButton .dijitButtonNode {
    … …  
    11101121  font-size: 13px;
    11111122}
     1123#rft.claro .rftBlockButton .dijitButtonNode .dijitButtonText {
     1124  line-height: 24px;
     1125}
    11121126#rft.claro .rftBlockButton .dijitButtonNode .rftIcon {
    11131127  width: 16px;
    … …  
    11721186  background-image: url('images/icons/rftIcons16b.png');
    11731187}
    1174 #rft.claro .rftInlineButton.rftInlineButtonHover.white {
    1175   width: 16px;
    1176   height: 16px;
    1177   margin: 4px 0;
    1178   padding: 0 0 0 0;
    1179   background-image: url('images/icons/rftIcons16b.png');
    1180 }
    1181 #rft.claro .rftInlineButton.rftInlineButtonHover.black {
    1182   width: 16px;
    1183   height: 16px;
    1184   margin: 4px 0;
    1185   padding: 0 0 0 0;
    1186   background-image: url('images/icons/rftIcons16b.png');
    1187 }
    11881188#rft.claro .rftObjectBox {
    11891189  margin: 8px 0;
    1190 }
    1191 #rft.claro .rftObjectBox .rftIcon {
    1192   width: 32px;
    1193   height: 32px;
    1194   margin: 0;
    1195   padding: 0 0 0 0;
    1196   background-image: url('images/icons/rftIcons32.png');
    1197   float: left;
    1198   margin: 20px 8px;
    11991190}
    12001191#rft.claro .rftObjectBox .rftLineWithActions {
    … …  
    12361227}
    12371228#rft.claro .rftSessionObject.green {
    1238   background-color: #3aa605;
     1229  background-color: #25a000;
    12391230}
    12401231#rft.claro .rftSessionObject.green.selected {
    1241   background-color: #79ca0a;
     1232  background-color: #63c400;
    12421233}
    12431234#rft.claro .rftSessionObject.red {
    … …  
    12471238  background-color: #bd0013;
    12481239}
    1249 #rft.claro .rftObjectBox {
    1250   padding: 0 0 0 0;
    1251   color: #ffffff;
    1252 }
    1253 #rft.claro .rftObjectBox .typeIcon.rftIcon {
     1240#rft.claro .page_questions .rftSelector .rftSelectorCategory .rftLineWithActions {
     1241  background-color: #ff5b12;
     1242}
     1243#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftLineWithActions {
     1244  background-color: #ffffff;
     1245  color: #111111;
     1246}
     1247#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton {
     1248  background-color: #ff00ff;
     1249}
     1250#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton .dijitButtonNode {
     1251  background-color: #ff5b12;
     1252}
     1253#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton.dijitHover .dijitButtonNode {
     1254  background-color: #ffffff;
     1255  color: #111111;
     1256}
     1257#rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton.dijitActive .dijitButtonNode {
     1258  background-color: #ff9140;
     1259  color: #ffffff;
     1260}
     1261#rft.claro .page_sessions .rftObjectBox {
     1262  padding: 0 0 0 0;
     1263  color: #ffffff;
     1264}
     1265#rft.claro .page_sessions .rftObjectBox .typeIcon.rftIcon {
    12541266  width: 32px;
    12551267  height: 32px;
    … …  
    12581270  background-image: url('images/icons/rftIcons32.png');
    12591271}
    1260 #rft.claro .rftObjectBox .rftLineWithActions {
    1261   background-color: #3aa605;
    1262 }
    1263 #rft.claro .page_questions .rftSelector .rftSelectorCategory .rftLineWithActions {
    1264   background-color: #ff5b12;
    1265 }
    1266 #rft.claro .page_questions .rftSelector .rftSelectorSelected .rftLineWithActions {
     1272#rft.claro .page_sessions .rftObjectBox .rftLineWithActions {
     1273  background-color: #25a000;
     1274}
     1275#rft.claro .page_sessions .rftObjectBox .rftLineWithActions .rftBlockButton .dijitButtonNode {
     1276  background-color: #25a000;
     1277}
     1278#rft.claro .page_sessions .rftObjectBox .rftLineWithActions .rftBlockButton.dijitHover .dijitButtonNode {
    12671279  background-color: #ffffff;
    12681280  color: #111111;
    12691281}
    1270 #rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton {
    1271   background-color: #ff00ff;
    1272 }
    1273 #rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton .dijitButtonNode {
    1274   background-color: #ff5b12;
    1275 }
    1276 #rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton.dijitHover .dijitButtonNode {
    1277   background-color: #ffffff;
    1278 }
    1279 #rft.claro .page_questions .rftSelector .rftSelectorSelected .rftBlockButton.dijitActive .dijitButtonNode {
    1280   background-color: #ff9140;
    1281 }
     1282#rft.claro .page_sessions .rftObjectBox .rftLineWithActions .rftBlockButton.dijitActive .dijitButtonNode {
     1283  background-color: #63c400;
     1284  color: #ffffff;
     1285}

  • Dev/branches/rest-dojo-ui/client/rft/pages/sessions.html

    r407 r412  
    1 <div>
     1<div class="page_sessions">
    22    <div data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'top'">
    33        <h2>

  • Dev/branches/rest-dojo-ui/client/rft/ui/ObjectBox.js

    r407 r412  
    2828            }).placeAt(this.line1Node);
    2929            this.line2 = new LineWithActionsWidget({
    30             }).placeAt(this.line1Node);
     30            }).placeAt(this.line2Node);
    3131            var line3Actions = this._createLine3Actions();
    3232            this.line3 = new LineWithActionsWidget({
    3333                actions: line3Actions
    34             }).placeAt(this.line1Node);
     34            }).placeAt(this.line3Node);
    3535            this.line1.startup();
    3636            this.line2.startup();
Note: See TracChangeset for help on using the changeset viewer.