After releasing the translation of images on Google Translate for desktop, now the iOS version of the application is receiving a “visual slap” with Material You, the visual language that is present in Android and in several Google applications.
The screenshots provided by 9to5Google show how the app turned out. In them we notice that the bottom navigation bar has been removed, giving more space for shortcut buttons for voice input, conversation and the app’s camera.
Another benefit is the usable typing area, which can now display a larger chunk of text and be used for handwriting more effectively, which is essential for oriental languages, for example.
Saved transcripts can be accessed by tapping the star in the top left corner. An interesting point is that the interface remains all gray with blue details, as the dynamic colors of Material You are only available on Android.
The new interface is available in Google Translate 7.0 for iOS that was released in early March, but Google is enabling it via server changes, so it may be some time before the new design is available to everyone.
>#wrapperApp {-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.23);-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.23);box- shadow: 0px 0px 5px 1px rgba(0,0,0,0.23);padding: 5px;background-color: white;display: flex;height:155px;}#appImage { width: 25%;} #appLogo { width: 154px;height: 154px;}#appDetails { flex-grow: 1;padding-left:1px;}#name {font-size:150%;}#price, #developer, #size {font-size:80%; }#links{flex-grow: 1;padding-left:50px;}.lojaImg {width: 35px;height: 35px;margin-right:3px;vertical-align:middle;}.lojaImgWindows {width: 27px;height: 27px;margin-left:3px;padding-right:6px;vertical-align:middle;}.storesdivs {margin: 5px;margin-bottom:10px;}.storeslinkmobile {margin-right: 6px;}.stores {margin- right:6px;margin-top:1px;}#lojasmobile{display:none;} @media only screen and (max-device-width: 480px) { #wrapperApp {height:auto;}#appDetalhes {padding-left:42px ;}#lojasmobile {display:block;}#lojalinkmobile {font-size:85%}#nome {pading-bottom:4px;margin-bottom:4px;font-size:110%;}#p reco, #developer, #tamanho {display:none;}.stores{display:none;}.lojaImg {width: 19px;height: 19px;}.lojaImgWindows{width: 19px;height: 17px;}#appLogo {width: 115px;height: 125px;} }
