Produced by Araxis Merge on 12/7/2018 11:36:04 AM Central Standard Time. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | C:\SCRUB\MHED\MHED\VAR 4.10.0\var-web-release-4.10@e10f18de1ef\veteran-appointment-requests\app\modules\page | _veteran-app-table-list.scss | Mon Oct 22 23:25:20 2018 UTC |
| 2 | C:\MHED-scrubbed\MHED\MHED\VAR 4.10.0\var-web-release-4.10@e10f18de1ef\veteran-appointment-requests\app\modules\page | _veteran-app-table-list.scss | Fri Dec 7 13:07:48 2018 UTC |
| Description | Between Files 1 and 2 |
|
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 2 | 380 |
| Changed | 1 | 2 |
| Inserted | 0 | 0 |
| Removed | 0 | 0 |
| Whitespace | |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
No regular expressions were active.
| 1 | @import "c olors"; | |
| 2 | @import "_ breakpoint .scss"; | |
| 3 | ||
| 4 | @mixin bor der-radius ($corner, $radius) { | |
| 5 | -w ebkit-bord er#{$corne r}-radius: $radius; | |
| 6 | -m oz-border# {$corner}- radius: $r adius; | |
| 7 | bo rder#{$cor ner}-radiu s: $radius ; | |
| 8 | } | |
| 9 | ||
| 10 | $table-cel l-padding: 0.71429em ; // 10px at 14px fo nt | |
| 11 | ||
| 12 | .content.u i-content { | |
| 13 | // override jquery-mob ile | |
| 14 | ol , ul { | |
| 15 | &.ta ble-list-b ody.ui-lis tview > li > .ui-btn :first-chi ld:before { | |
| 16 | conten t: normal; | |
| 17 | paddin g: 0; | |
| 18 | min-wi dth: 0; | |
| 19 | line-h eight: inh erit; | |
| 20 | vertic al-align: baseline; | |
| 21 | } | |
| 22 | // m argin for card view to add spa cing betwe en appoint ment itemv iews | |
| 23 | &.ca rd-listvie w > li:fir st-child { | |
| 24 | margin -top: 0px; | |
| 25 | } | |
| 26 | &.ca rd-listvie w > li { | |
| 27 | margin -top: 10px ; | |
| 28 | } | |
| 29 | } | |
| 30 | ||
| 31 | .t able-list { | |
| 32 | // b order colo r | |
| 33 | .ui- bar, | |
| 34 | .ui- btn, | |
| 35 | .ui- btn:hover, .ui-btn:a ctive { | |
| 36 | border -color: $g rey; | |
| 37 | border -bottom-wi dth: 1px; | |
| 38 | } | |
| 39 | ||
| 40 | // d isplay lis t like a t able | |
| 41 | .tab le-list-he ad, | |
| 42 | .tab le-list-bo dy li > bu tton.ui-bt n > div { | |
| 43 | display: - webkit-box ; | |
| 44 | display: - moz-box; | |
| 45 | display: - ms-flexbox ; | |
| 46 | display: - webkit-fle x; | |
| 47 | display: f lex; | |
| 48 | } | |
| 49 | .tab le-list-he ad { | |
| 50 | paddin g-top: 0.7 em; | |
| 51 | paddin g-bottom: 0.7em; | |
| 52 | ||
| 53 | .list- cell-heade r { | |
| 54 | // verti cal align text to bo ttom of ta ble head | |
| 55 | di splay: inl ine-flex; | |
| 56 | fl ex-directi on: column -reverse; | |
| 57 | } | |
| 58 | } | |
| 59 | .tab le-list-bo dy.ui-list view-inset { | |
| 60 | margin -top: -1px ; // hide extra bord er; | |
| 61 | margin -bottom: 0 ; | |
| 62 | } | |
| 63 | ||
| 64 | .lis t-cell { | |
| 65 | // IE 11 doesn't understan d flex sho rthand | |
| 66 | flex-g row: 1; | |
| 67 | flex-s hrink: 1; | |
| 68 | flex-b asis: 0; | |
| 69 | -webki t-box-flex : 1 1 0; | |
| 70 | -webki t-flex: 1 1 0; | |
| 71 | -ms-fl ex: 1 1 0; | |
| 72 | flex: 1 1 0; | |
| 73 | paddin g: 0 $tabl e-cell-pad ding; | |
| 74 | } | |
| 75 | .lis t-cell-2 { | |
| 76 | flex-g row: 2; | |
| 77 | } | |
| 78 | .lis t-cell-typ e { | |
| 79 | font-w eight: bol d; | |
| 80 | font-s ize: large ; | |
| 81 | color: $dark-blu e; | |
| 82 | } | |
| 83 | .lis t-cell:fir st-of-type , | |
| 84 | .lis t-item-pre fix + .lis t-cell { | |
| 85 | paddin g-left: 0; | |
| 86 | } | |
| 87 | .lis t-cell:las t-of-type { | |
| 88 | paddin g-right: 0 ; | |
| 89 | } | |
| 90 | ||
| 91 | .lis t-cell-dat a-item { | |
| 92 | displa y: block; | |
| 93 | } | |
| 94 | // i nherit rou nded corne rs | |
| 95 | &.ui -corner-al l { | |
| 96 | .table -list-head { | |
| 97 | @include border-ra dius("-top -left", in herit); | |
| 98 | @include border-ra dius("-top -right", i nherit); | |
| 99 | } | |
| 100 | .table -list-body { | |
| 101 | @include border-ra dius("-bot tom-left", inherit); | |
| 102 | @include border-ra dius("-bot tom-right" , inherit) ; | |
| 103 | } | |
| 104 | } | |
| 105 | .fon t-bold { | |
| 106 | font-w eight: bol d; | |
| 107 | } | |
| 108 | .lis t-cell-hyp hen { | |
| 109 | hyphen s: auto; | |
| 110 | } | |
| 111 | .lis t-cell-ite m-break { | |
| 112 | word-b reak: brea k-word; | |
| 113 | } | |
| 114 | .lis t-cell-ite m-wrap { | |
| 115 | white- space: pre -wrap; | |
| 116 | overfl ow-wrap: b reak-word; | |
| 117 | word-w rap: break -word; | |
| 118 | } | |
| 119 | // l ist cell l ocation wr apping | |
| 120 | .lis t-cell-loc ation-item { | |
| 121 | displa y: block; | |
| 122 | min-wi dth: 100%; | |
| 123 | width: 60px; | |
| 124 | } | |
| 125 | .car d-flex-hid den{ | |
| 126 | displa y: none; | |
| 127 | } | |
| 128 | .car d-list-cel l-flex { | |
| 129 | min-wi dth: 100%; | |
| 130 | paddin g: 0; | |
| 131 | } | |
| 132 | .car d-list-app t-type-hea der { | |
| 133 | displa y: block; | |
| 134 | paddin g: 0; | |
| 135 | width: 100%; | |
| 136 | } | |
| 137 | .lis t-cell-pre pare-paddi ng { | |
| 138 | paddin g: 0.7em 0 ; | |
| 139 | } | |
| 140 | ||
| 141 | // flex n DNS y | |
| 142 | .car d-flex { | |
| 143 | displa y: flex; | |
| 144 | flex-d irection: row; | |
| 145 | flex-w rap: wrap; | |
| 146 | justif y-content: space-aro und; | |
| 147 | paddin g:0; | |
| 148 | width: 100%; | |
| 149 | } | |
| 150 | ||
| 151 | // l ist cell l ocation wr apping for width lar ger than t ablet | |
| 152 | @inc lude break point($abo ve-tablet) { | |
| 153 | .list- cell-locat ion-item { | |
| 154 | width: 1 60px; | |
| 155 | } | |
| 156 | ||
| 157 | // onl y display appointmen t type und er Locatio n for widt h larger t han tablet , hide oth erwise | |
| 158 | .list- cell-appt- type { | |
| 159 | display: block; | |
| 160 | } | |
| 161 | .card- list-appt- type-heade r { | |
| 162 | display: none; | |
| 163 | } | |
| 164 | .card- flex-hidde n { | |
| 165 | display: flex; | |
| 166 | } | |
| 167 | .card- list-cell- flex { | |
| 168 | min-widt h: 0; | |
| 169 | width: 1 00%; | |
| 170 | padding: 0 $table- cell-paddi ng; | |
| 171 | } | |
| 172 | .card- listview > li { | |
| 173 | margin-t op: 0px; | |
| 174 | } | |
| 175 | ||
| 176 | .ui-bt n { | |
| 177 | border-b ottom-widt h: 0px; | |
| 178 | } | |
| 179 | ||
| 180 | .card- flex { | |
| 181 | flex-wra p: nowrap; | |
| 182 | } | |
| 183 | } | |
| 184 | // l ist cell w rapping fo r small it em | |
| 185 | .lis t-cell-sma ll-item { | |
| 186 | displa y: block; | |
| 187 | width: 40px; | |
| 188 | } | |
| 189 | } | |
| 190 | } | |
| 191 |
Araxis Merge (but not the data content of this report) is Copyright © 1993-2016 Araxis Ltd (www.araxis.com). All rights reserved.