Skip to content

Commit

Permalink
Style changes for question tiles
Browse files Browse the repository at this point in the history 
shadow, width and text size
  • Loading branch information
@sahithikkss-zz
sahithikkss-zz authored Jul 25, 2019
1 parent 99596ee commit 5ecfad9
Show file tree
Hide file tree
Showing 7 changed files with 33 additions and 34 deletions.
20 changes: 13 additions & 7 deletions hermes-master/src/App.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,24 +24,26 @@
border-radius: 6px;
border-spacing: 0px;
border-collapse: collapse;
width: 197px;
width: 250px;
}

.slide-margin {
margin-right: 8px;
border-radius: 6px;
border: 1px solid;
margin-bottom: 8px;
box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 4px 0 rgba(0,0,0,.16);
margin: 4px;
}

.cico-style {
width:197px;height:110px;
width:250px;height:110px;
}

.some-class {
height:46.5px
.some-class {
height:46.5px
}

.bigger-text {
font-size: 20px;
}
.vcac-style {
height: 32px; margin-top: -16px;
}
Expand All @@ -57,6 +59,10 @@
flex-wrap: wrap;
}

.expand-on-hover {

}

/* .scrollbar-prop {
height: 206px; margin-bottom: -30px; padding-bottom: 30px;
}
Expand Down
8 changes: 0 additions & 8 deletions hermes-master/src/App.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,14 +59,6 @@ componentDidMount() {
}
};

// readInput(){
// var input = this.refs.searchInput;
// this.userQuery = input.value;
// this.render();
// console.log(input.value);
// console.log(this.userQuery);
// }

render() {
return (
<div className="leave-margin">
Expand Down
2 changes: 1 addition & 1 deletion hermes-master/src/bing-b_bfb.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion hermes-master/src/bing-css1.css
View file

Large diffs are not rendered by default.

14 changes: 7 additions & 7 deletions hermes-master/src/components/header/Header.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ class Header extends React.Component {
this.userQuery = 'australia';
//this.searchForImages = this.searchForImages.bind(this);
}


componentDidMount() {
this.render();
Expand All @@ -26,16 +26,16 @@ class Header extends React.Component {
<h1 className="b_logo" title="Back to Bing search" aria-label="Go to Bing homepage" data-bm="1"><img src="https://www.bing.com/sa/simg/SharedSpriteDesktop_2x_040919.png" alt="Go to Bing homepage" title="Back to Bing search" data-bm="13"/></h1>
</a>
<div className="b_searchboxForm" role="search" data-bm="2">
<input className="b_searchbox" ref="searchInput" id="sb_form_q" name="q"
aria-label="Enter your search here - Search suggestions will show as you type"
<input className="b_searchbox" ref="searchInput" id="sb_form_q" name="q"
aria-label="Enter your search here - Search suggestions will show as you type"
type="search" placeholder="Enter your query" maxLength="1000"/>
<div id="sb_go_par" data-sbtip="Search the web">
<input type="button" className="b_searchboxSubmit" id="sb_form_go" tabIndex="0" name="go" onClick={this.props.onClick}/>
<input type="button" className="b_searchboxSubmit" id="sb_form_go" tabIndex="0" name="go" onClick={this.props.onClick}/>
</div>
<input id="sa_qs" name="qs" value="ds" type="hidden"/>
<div id="sw_as"></div>
{/* <input id="sa_qs" name="qs" value="ds" type="hidden"/>
<div id="sw_as"></div> */}
</div>
</form>
</form>
</div>
);

Expand Down
13 changes: 7 additions & 6 deletions hermes-master/src/components/questions/ShowQuestions.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,20 +15,21 @@ class ShowQuestions extends React.Component {
<div className="slide slide-margin" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5491.1" tabIndex="0"
role="listitem" key={' slide key' + ind}>
<div className="rc_vlCard vlcard-height">
<div className="rc_vlImag" aria-label="question.answerString">
<div className="cico cico-style"><img height="110" width="197"
data-src-hq="/th?id=ODL.eb76369e5bbaec2264def5d3ab5fc213&amp;w=197&amp;h=110&amp;c=7&amp;rs=1&amp;qlt=80&amp;pid=RichNav"
alt="question.answerString"
<div className="rc_vlImag" aria-label={question.answerString}>
<div className="cico cico-style"><img height="165" width="250"
data-src-hq="/th?id=ODL.eb76369e5bbaec2264def5d3ab5fc213&amp;w=250&amp;h=165&amp;c=7&amp;rs=1&amp;qlt=80&amp;pid=RichNav"
alt={question.answerString}
data-priority="2" id="emb294D0FE5" className="rms_img"
src={question.imageSource}
data-bm="36"/>
</div>
</div>
<div className="rc_vlImgFact">
<ul className="b_dataList">
<li key={'key2' + ind } className="some-class"><a target="_blank"
<ul className="b_dataList expand-on-hover">
<li key={'key2' + ind } className="some-class"><a target="_blank" className="bigger-text"
href={question.hyperLinkUrl}
h="ID=SERP,5474.1">{question.question}</a></li>
{/* <li key={'key3' + ind } className="some-class">{question.answerString}</li> */}
</ul>
</div>
</div>
Expand Down
8 changes: 4 additions & 4 deletions hermes-master/src/components/questions/temp.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@
role="listitem">
<div class="rc_vlCard" style="height: 181px;">
<div class="rc_vlImag" aria-label="20 must do activities in Australia - Tourism Australia">
<div class="cico" style="width:197px;height:110px;"><a
<div class="cico" style="width:250px;height:110px;"><a
title="20 must do activities in Australia - Tourism Australia"
href="https://www.australia.com/en-us/things-to-do/australian-adventure/20-must-do-activities-in-australia.html"
h="ID=SERP,5473.1"><img height="110" width="197"
Expand All @@ -55,7 +55,7 @@
<div class="rc_vlCard" style="height: 181px;">
<div class="rc_vlImag"
aria-label="Make the most of your 10 days Down Under - Tourism Australia">
<div class="cico" style="width:197px;height:110px;"><a
<div class="cico" style="width:250px;height:110px;"><a
title="Make the most of your 10 days Down Under - Tourism Australia"
href="https://www.australia.com/en-us/itineraries/sydney-and-surrounds/the-ultimate-trip-to-australia.html"
h="ID=SERP,5475.1"><img height="110" width="197"
Expand All @@ -80,12 +80,12 @@
<div class="rc_vlCard" data-priority="2" style="height: 181px;">
<div class="rc_vlImag"
aria-label="7 highlights between Brisbane and Cairns - Tourism Australia">
<div class="cico" style="width:197px;height:110px;"><a
<div class="cico" style="width:250px;height:110px;"><a
title="7 highlights between Brisbane and Cairns - Tourism Australia"
href="https://www.australia.com/en-us/itineraries/brisbane-and-surrounds/7-highlights-between-brisbane-and-cairns.html"
h="ID=SERP,5489.1">
<div class="rms_img"
style="height: 110px; line-height: 110px; width: 197px; position: relative; overflow: hidden; direction: ltr;"
style="height: 110px; line-height: 110px; width: 250px; position: relative; overflow: hidden; direction: ltr;"
data-height="110" data-width="197"
data-alt="7 highlights between Brisbane and Cairns - Tourism Australia"
data-class="rms_img"
Expand Down

0 comments on commit 5ecfad9

Please sign in to comment.